3***@qq.com
3***@qq.com
  • 发布:2019-04-28 15:20
  • 更新:2019-04-28 19:13
  • 阅读:1000

【报Bug】rich-text 无法显示多张图。使用<rich-text :nodes="strings"></rich-text>

分类:uni-app

详细问题描述

(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]

重现步骤

新建uni-app选择hello uni-app 模板

[步骤]
找到 pages/component/rich-text/rich-text.vue

在script 下 data节点下 strings节点中。多找几个网络图片,能访问到的就行,然后把地址复制进来,或者多复制几个图片标签,然后选择微信小程序或者支付宝小程序运行。

strings: '<div style="text-align:center;"><img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/uni@2x.png"/><img src="http://p8.qhimg.com/dmfd/16090/t01e4a1129b70a68f64.jpg?size=806x397" title="" alt=""/><img src="https://img-cdn-qiniu.dcloud.net.cn/uniapp/images/uni@2x.png"/><img src="http://p8.qhimg.com/dmfd/16090/t01e4a1129b70a68f64.jpg?size=806x397" title="" alt=""/></div>',

[结果]
结果为每一个img标签都显示最后一张图。例如,现在有4张不同的图片,但是用这个方法来显示,虽然会有4张图显示出来,但是每一张图都是最后一张图的地址。也就是说显示了4个一样的图。能理解吗?
如上传的图。
[期望]

所有图片都显示出来。
现在只显示最后一张图。
[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
HBuilderX
[IDE版本号]
1.9.4.20190426
[windows版本号]
win10
[mac版本号]

uni-app运行环境说明

[运行端是h5或app或某个小程序?]
支付宝小程序 和微信小程序
[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]

[iOS版本号]

[手机型号]

[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]

联系方式

[QQ] 378478872

2019-04-28 15:20 负责人:无 分享
已邀请:
ZGH0709

ZGH0709

你更换四张本地图片测试一下,看是否有问题?

该问题目前已经被锁定, 无法添加新回复