小程序富文本wxParse转换不成功的解决办法,填坑


先说坑在哪里:这句话 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  效果图

如果这篇文章帮你解决了问题,就请小编吃块冰糕吧

打赏
原文地址:https://www.cnblogs.com/yanshaoxiong/p/12945512.html