mpvue 是一个使用 Vue.js 开发小程序的前端框架。
按照官方的 快速上手 文档,如果之前接触过微信小程序开发和 Vue.js 的话,还是很容易上手的。
在这里主要记录一个第三方插件的使用:
mpvue-wxparse:适用于 Mpvue 的微信小程序富文本解析自定义组件,支持 HTML
及 markdown
解析。
安装
npm i mpvue-wxparse --save
使用
<template>
<div>
<wxParse :content="article" />
</div>
</template>
<script>
import wxParse from 'mpvue-wxparse'
export default {
components: {
wxParse
},
data () {
return {
article: '<div>我是HTML代码</div>'
}
}
}
</script>
<style>
@import url("~mpvue-wxparse/src/wxParse.css");
</style>