微信小程序rich-text解析后端html标签

直接上代码

小程序页面

<rich-text type="text" nodes={
      {content}}>rich-text>

数据层

data(){
     
    return {
     content:""},
},
methods:{
     
   getHtml(){
     
      wx.request({
     	
          url:api+"api/mobile/homepage.php?choice=2&id=2",
	  method:"get",
	  dataType:'json',
	  success: (res) => {
     
	  // 返回的json数据
 		console.log(res.data.content);
                this.content=this.escape2Html
                (res.data.content)
          },
      });
   },
    //解析html
     escape2Html: function (str) {
     
      var arrEntities = {
      'lt': '<', 'gt': '>', 'nbsp': ' ', 'amp': '&', 'quot': '"' };
      return str.replace(/&(lt|gt|nbsp|amp|quot);/ig, function (all, t) {
      return arrEntities[t]; });
     },

}

你可能感兴趣的:(javaScript,小程序,javascript,vue.js,html,html5)