原因:
在支付宝小程序中,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数组