废话不多说,直接上方法:
首先 npm 安装 mpvue-wxparse
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>
当然:article 里面的值我们可以动态加载
扩展学习地址:https://github.com/htzhanglong/mpvue-wxParse