先说坑在哪里：这句话 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 效果图
如果这篇文章帮你解决了问题,就请小编吃块冰糕吧
