先說坑在哪里：這句話 WxParse.wxParse('contents', 'html', res.data.contents, that, 0)，
第一個參數定義的名字是contents，那么視圖里就得用contents.nodes 賦值，例如：<template is="wxParse" data="{{wxParseData:contents.nodes}}"/>
如果第一個參數你定義的是AAAAA,那么視圖里就得用AAAAA.nodes 賦值, 視圖賦值就得寫成<template is="wxParse" data="{{wxParseData:AAAAA.nodes}}"/>
總之要保證js里的參數和 視圖賦值哪里的參數名字一致，並且視圖的參數后面必須要帶.notes;如果不是這樣，那么就轉換不過來
=====================下面是完整步驟==================================
1 從git倉庫下載，https://github.com/icindy/wxParse
2 下載的文件，只把wxParse文件拷貝到項目里
3 在項目里引用，分別在js， wxml，wxss引用
js引入
const app = getApp();
import {
hp
} from '../../utils/helper.js'
var WxParse = require('../../utils/wxParse/wxParse.js')
Page({
getdetaul: function (id) {
let that = this;
hp.post({
url: hp.api().product_getdetail + "?id=" + id,
data: {
id: id
}
}).then(res => {
console.log(res.data);
that.setData({
model: res.data,
})
WxParse.wxParse('contents', 'html', res.data.contents, that, 0)
})
}
}）
wxss樣式引入
@import "../../utils/wxParse/wxParse.wxss";
.screen-swiper {
min-height:555rpx;
}
視圖引入
<import src="../../utils/wxParse/wxParse.wxml"/>
<view class="bg-white padding cauni-details-box">
<template is="wxParse" data="{{wxParseData:contents.nodes}}"/>
</view>
4 效果圖
如果這篇文章幫你解決了問題,就請小編吃塊冰糕吧
