最近在项目中遇到了获取的数据是html标签基于小程序的但是网上提供的wxParse太过于麻烦了,那么如何简单的解决呢?
这里微信小程序文档给我们提供了一种 rich-text
如何使用??
wxml代码
<rich-text nodes="{{content}}"></rich-text>
**js代码**
// pages/details/details.js
Page({
/**
* 页面的初始数据
*/
data: {
obj:{},
content:''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
//console.log(options.id)
wx.request({
url: 'https://api.it120.cc/sslcsq/shop/goods/detail?id='+options.id,
success:(res)=>{
//
let str=res.data.data.content;
//
console.log(res.data.data)
this.setData({
obj:res.data.data,
content:str.replace(/\<img/g,'<img style="width:100%"')
//这里吧需要的正则替换一下,解决样式问题
})
}
})
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})