前言
上一篇文中说到,mavon-editor要怎么展示出来呢,请看分解
干货内容
- 先引入吧
同样是局部调用
import {mavonEditor} from "mavon-editor";
import "mavon-editor/dist/css/index.css";
2.配置展示参数
用到了compute
computed: {
prop () {
let data = {
subfield: false,// 单双栏模式
defaultOpen: 'preview',//edit: 默认展示编辑区域 , preview: 默认展示预览区域
editable: false,
toolbarsFlag: false,
scrollStyle: false,
boxShadow:false//边框
}
return data
}
}
这个参数很重要哦,主要目的是隐藏编辑框只展示预览框,就达到了展示的目的
想要更改更多的样式,可以搜一下,这里只展示一个思路
3.放进页面中
<mavon-editor
class="md"
:value="article_msg.article_content"
:subfield = "prop.subfield"
:defaultOpen =