原因：

在支付宝小程序中，rich-text的nodes 属性只支持使用 Array类型，如果需要支持 HTML String，则需要自己将 HTML String 转化为 nodes

解决方式：

安装mini-html-parser2依赖

npm install mini-html-parser2 --save

import parse from 'mini-html-parser2;

data: {text:[]
},
onLoad: function (options) {var that = this;var strhtml = `<div><h3>标题</h3><p>内容</p></div>`;parse(strhtml, (err, htmlData) => {if (!err) {this.text = htmlData}})
}

注意

html字符串里的标签都要闭合，否则会转不了nodes数组

支付宝小程 rich-text标签不显示问题解决相关推荐

支付宝小程-调起支付宝进行支付
支付宝小程-调起支付宝进行支付题记 1.服务端创建交易订单 2.前端唤起收银台支付完整代码题记在支付宝小程序中调起支付服进行支付相对比较简单,记录下流程,帮没接触过过的小伙伴出个坑. 前后端大 ...
微信小程序：video标签默认显示视频的第一帧作为封面
微信小程序:video标签默认显示视频的第一帧作为封面 <video src="video_url"controls="{{false}}"initial ...
微信小程序的text标签实现换行，空格等
1.实现效果 2.text标签 text标签内的\n会解释为换行,而\n在view标签内会被解释为空格. text标签单个空格用\t,换行用\n. 当服务端返回的数据含有\n时候,用text标签. 3 ...
svg中text标签换行显示,并实现拖拽移动text标签
如图,项目中需要一个在线批阅的功能,批阅者可以在线给word文档进行批注和打勾打叉等功能,后来又追加移动批注和批注换行的功能,想法就是用户通过\n或者按钮等操作对文本进行一个切割, 例如图片中的文 ...
微信小程序对cover-view标签设置border没效果（手机不显示）
跟我的另一篇博客有些相似之处,都是在手机上不显示的问题,这次是border不显示,最近在做的一个项目,cover-view跟map结合一起使用,对cover-view设置border无效,现在都没找到 ...
支付宝小程引入 SJS
import-sjs 标签用于将 SJS 脚本文件定义的符号引入当前 AXML 文件  <import-sjs name="util&q ...
uniapp支付宝小程扫描二维码获取参数
onLaunch(options) {if (options.query && options.query.qrCode) {this.qrCodeUrl = options.quer ...
微信小程序设置背景图片不显示问题解决方法
最近开发小程序的过程中遇到了这样一个小问题,在wxss文件中通过background设置背景图片,要实现背景图片上显示文字的效果,发现背景图片不显示,设置背景图片的代码如下: .test {width ...
uni-app浏览器、iPhone手机显示轮播图，微信、支付宝小程序中不显示的错误原因及解决办法
源码: index.vue: <template><view class="main"><swiper :indicator-dots="t ...

支付宝小程 rich-text标签不显示问题解决

原因：

在支付宝小程序中，rich-text的nodes 属性只支持使用 Array类型，如果需要支持 HTML String，则需要自己将 HTML String 转化为 nodes

解决方式：

安装mini-html-parser2依赖

注意

支付宝小程 rich-text标签不显示问题解决相关推荐

最新文章

热门文章