最近在研究微信小程序接入数据时,遇到了一个小问题,就是获取到的数据里有html标签,然后怎么把它转化为微信小程序结构wxml的。在vue中遇到类似的问题,可以直接使用它的内置属性:v-html。但是在微信小程序中就需使用插件:WxParse 和 Towxml。
接下来,说一下这两个插件的用法。
WxParse
- 首先要下载WxParse插件,地址奉上:WxParse插件 ,然后放在根目录下。
- 在需要使用该插件的view(.js文件)中引入wxParse模块
然后进行数据绑定。
以下是官方文档介绍
自己在项目中可以根据上面来套。
在内容页(.wxml文件)中引入模板文件
然后在下面需要用到解析数据的地方引入
最后试一下可以正常渲染获取到的html数据了。
Towxml
同wxParse一样,首先下载Towxml插件放在根目录下。
在小程序的app.js中引入插件
在小程序页面引入模板
在小程序对应的js中请求数据
引入对应的wxss
然后试一下获取到的html标签数据,可以完美的渲染为wxml结构。