原链接:
https://blog.csdn.net/mossbaoo/article/details/83895376
安装:
npm install mpvue-wxparse
HTML:
<template>
<div>
<wxParse :content="article" @preview="preview" @navigate="navigate" />
</div>
</template>
GS:
<script>
import wxParse from 'mpvue-wxparse'
export default {
components: {
wxParse
},
data () {
return {
article: '<div>CSDN: mossbaoo</div>'
}
},
methods: {
preview(src, e) {
// preview事件
},
navigate(href, e) {
// navigate事件
}
}
}
</script>
CSS:
<style>
@import url("~mpvue-wxparse/src/wxParse.css");
</style>
另外,mpvue-wxParse还可以解析markdown
安装:
npm install marked
使用(原理是先将markdown转换成html,再用wxParse解析)
import marked from 'marked'
import wxParse from 'mpvue-wxparse'
export default {
components: {
wxParse
},
data () {
return {
article: marked(`#hello, markdown!`)
}
}
}
转载别人的,目的在于做个笔记,好随时查阅,如有看到希望能帮助到你,没有 就关掉!!!