在微信小程序开发过程中,我们有没有遇到这种情况,数据接口返回的是字符串,字符串中还包含了普通html便签,例如:
//requstFfunc是对wx:request()方法的封装
requstFfunc.requestData('https://xcy.hy-net.cn/Public/HyApi/index.php', {
service: 'Default.ArcInfo',
aid: options.newsid
}).then(function (data) {
console.log(data.data.data.list)
_this.setData({
newsdetails: data.data.data.list,
content: data.data.data.list.content
})
})
image.png
微信小程序是内部是mvvm的思想,回想一下vue,其中有v-html的方法,
其中vue对v-html的介绍 更新元素的 innerHTML 。注意:内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译 。如果试图使用 v-html 组合模板,可以重新考虑是否通过使用组件来替代。
但是很遗憾的是,微信小程序中没有提供此方法,那我们改怎么解决这种问题呢
wxParse-微信小程序富文本解析组件
顾名思义,解析组件,意思就是一套组件库,<code>template</code>模板,在模板内部应该是对html标签进行解析,
使用方法,参照github上的文档,
使用之后就能将接口中带html标签的字符串正常的解析到页面上
其中wxParse提供了很多的使用方法,以后在使用过程中,根据业务自行斟酌....