mpvue是一个使用vue开发小程序的前端框架
富文本是一些带有style标签的HTML标签文本,方便后台编辑,前端直接显示。
在mpvue中如何将其转化为小程序的Wxml呢,不需要自己写代码,你只需要一个库
1、安装
$ npm i mpvue-wxparse --save
2、使用
<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>