微信小程序 解析html格式内容


需要引入html-view文件

1/js 代码

const HtmlParser=require('../../utils/html-view/index')

 data: {
         coupon_text:"",
}



let mobiledesc='<div><img src="../../1.png"></div>'
          if(mobiledesc){
                let coupon_text=new HtmlParser(mobiledesc).nodes;
                this.setData({
                    coupon_text
                })
            }else{
                this.setData({
                    coupon_text:''
                })
            }

2/  wxml代码

     <view wx:if="{{coupon_text}}" class="{{iPhoneXStyle?'wap-chooseticket-footer-diff-iponex':'wap-chooseticket-footer-diff'}}">
      <import src="../../utils/html-view/index.wxml" />
      <template is="html-view" data="{{data: coupon_text}}" />
    </view>

3/最后一步,需要在项目中放入html-view整个文件夹,文件夹的可以在github上面下载


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM