git地址:https://github.com/icindy/wxParse,下載完后把wxParse里的wxParse文件夾放好
1、先到需要使用的頁面wxss里面引入樣式(教程很多都是在全局的app.wxss看個人咯,怕影響到其他頁面的樣式還是個別引入)
@import "../wxParse/wxParse.wxss";
2、到需要用到的js文件里引入
var WxParse = require('../wxParse/wxParse.js');
3、通過調用WxParse.wxParse方法來設置html內容
wx.request({
url: API.apiPort, //請求接口的url
method: 'GET', //請求方式
data: {
type:'college',
key: md5.hex_md5('college'),
},//請求參數
header: {
'content-type': 'application/json' // 默認值
},
complete() { //請求結束后隱藏 loading 提示框
wx.hideLoading();
},
success: res => {
if(res.data.code == 0)
{
this.setData({
loadingHidden:true,
university: res.data.data.university
})
var that = this, content= res.data.data.university.content;
WxParse.wxParse('content', 'html', content, that,0);
}
}
});
4、然后到你的wxml界面里面引入,其中content.nodes里的content就是你第3步時候的bindName
-
<import src="../wxParse/wxParse.wxml"/>
-
< template is="wxParse" data="{{wxParseData:content.nodes}}"/>