小程序
小游戏
企业微信
微信支付
扫描小程序码分享
上面是rich-text使用
这个是文本内容打印的部分,文字是正常的
页面显示这情况,出现了很多undefined
请问这情况是怎么引起的,怎么解决?
3 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
用这个:
https://gitee.com/jin-yufeng/mp-html/
代码片段分享链接:https://developers.weixin.qq.com/s/YLztHhmi77Ss
wxml: <rich-text class="article-rich-text" nodes='{{contentStr}}' space="true"></rich-text> js: const content = ` <h5></h5> <h5 style="text-align: right; "><font size="2" color="#888888">作者|W 主编|苏苏</font></h5> <h5></h5> <h5></h5> <h5 style="text-align: right; "><font color="#888888"><font size="2">来源|CEO品牌观察(ID: new_shop_)</font></font></h5> <h5 style="text-align: right; "><font color="#888888"><font size="2">图片|除标注外,其余来自品牌官方渠道</font></font></h5> <p class="rich-p"><br></p> <p class="rich-p"><font size="3">自我疗愈的需求正在“解压”出新的经济活力。 </font></p> <p class="rich-p"><font size="3">作为“疗愈”载体之一的毛绒玩具,这两年受到了越来越多年轻消费者的喜爱与追捧。其中,来自英国的「jELLYCAT」成了“大势”,单只售价低至几百、高至上千,却火爆不已。 </font></p> <p class="rich-p"><font size="3"><br></font></p> ` this.setData({contentStr: content})
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
下面评论有详细说明。
不过发现这个问题是最新版基础库有问题,在以前的基础库版本2.x没有问题的
用这个:
https://gitee.com/jin-yufeng/mp-html/
代码片段分享链接:https://developers.weixin.qq.com/s/YLztHhmi77Ss
wxml: <rich-text class="article-rich-text" nodes='{{contentStr}}' space="true"></rich-text> js: const content = ` <h5></h5> <h5 style="text-align: right; "><font size="2" color="#888888">作者|W 主编|苏苏</font></h5> <h5></h5> <h5></h5> <h5 style="text-align: right; "><font color="#888888"><font size="2">来源|CEO品牌观察(ID: new_shop_)</font></font></h5> <h5 style="text-align: right; "><font color="#888888"><font size="2">图片|除标注外,其余来自品牌官方渠道</font></font></h5> <p class="rich-p"><br></p> <p class="rich-p"><font size="3">自我疗愈的需求正在“解压”出新的经济活力。 </font></p> <p class="rich-p"><font size="3">作为“疗愈”载体之一的毛绒玩具,这两年受到了越来越多年轻消费者的喜爱与追捧。其中,来自英国的「jELLYCAT」成了“大势”,单只售价低至几百、高至上千,却火爆不已。 </font></p> <p class="rich-p"><font size="3"><br></font></p> ` this.setData({contentStr: content})