mpvue代替v-html方法,解决ajax返回html方法 mpvue代替v-html方法,解决ajax返回html方法

mpvue代替v-html方法,解决ajax返回html方法

https://github.com/F-loat/mpvue-wxParse

https://github.com/ifanrx/wxParser-plugin

使用以上两种插件都可以,不要求性能用第一种,


npm i mpvue-wxparse
  • 使用

<template>
  <div>
    <wxParse :content="article" @preview="preview" @navigate="navigate" />
  </div>
</template> 
<script> import wxParse from 'mpvue-wxparse'  export default {  components: {  wxParse  },  data () {  return {  article: '<div>我是HTML代码</div>'  }  },  methods: {  preview(src, e) {  // do something  },  navigate(href, e) {  // do something  }  } } </script> <style> @import url("~mpvue-wxparse/src/wxParse.css"); </style>

第二个使用方法



  1. 在 app.json 中声明插件引入。目前插件版本为 0.1.0provider 为该插件的 APPID,wxparserPlugin 为自定义的插件名称。

"plugins": { "wxparserPlugin": { "version": "0.1.0", "provider": "wx9d4d4ffa781ff3ac" }
}
  1. 在需要使用到该插件的小程序页面的 json 配置文件中,做如下配置:
{ "usingComponents": { "wxparser": "plugin://wxparserPlugin/wxparser" }
}
  1. 使用
<wxparser rich-text="{{richText}}" />


分享本文至:

评论 0

挤眼 亲亲 咆哮 开心 想想 可怜 糗大了 委屈 哈哈 小声点 右哼哼 左哼哼 疑问 坏笑 赚钱啦 悲伤 耍酷 勾引 厉害 握手 耶 嘻嘻 害羞 鼓掌 馋嘴 抓狂 抱抱 围观 威武 给力
提交评论

清空信息
关闭评论