微信小程序中wv:html的方法

1.引言

在微信小程序开发过程中，我们有没有遇到这种情况，数据接口返回的是字符串，字符串中还包含了普通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

2.问题的思考

微信小程序是内部是mvvm的思想，回想一下vue，其中有v-html的方法，

其中vue对v-html的介绍 更新元素的 innerHTML 。注意：内容按普通 HTML 插入 - 不会作为 Vue 模板进行编译 。如果试图使用 v-html 组合模板，可以重新考虑是否通过使用组件来替代。

但是很遗憾的是，微信小程序中没有提供此方法，那我们改怎么解决这种问题呢

3.wxParse

wxParse-微信小程序富文本解析组件

顾名思义，解析组件，意思就是一套组件库，<code>template</code>模板，在模板内部应该是对html标签进行解析，

使用方法，参照github上的文档，

使用之后就能将接口中带html标签的字符串正常的解析到页面上

其中wxParse提供了很多的使用方法，以后在使用过程中，根据业务自行斟酌....