1. 程式人生 > >微信小程式:使用wxParse解析HTML

微信小程式:使用wxParse解析HTML

      1、下載 wxParse ,放到utils目錄下

      2、在JS頁面引入: import WxParse from '../../utils/wxParse/wxParse'

Page({
  data:{
    contentHTML:'' // 解析後的HTML
  },
  onLoad: function() {
    // 請求到的HTML資料
    let content = '<div>我是HTML程式碼</div>', that = this;
    WxParse.wxParse('contentHTML', 'html', content, that, 0);
  }
})

3、顯示解析內容

<import src="../../utils/wxParse/wxParse.wxml"/>
<view>
  <!-- 顯示內容 -->
  <template is="wxParse" data="{{wxParseData:contentHTML.nodes}}" />
</view>