- 第一步:下载安装wangeditor,我要说的是,别安装成2.0版本了,装3.0版本,
安装完成后在package.json文件中可以看到图2
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/816283818e2a6451fc9eadc57304ab17.png)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/266a7652e295e1044d49e0e39c653910.png)
- 在components文件下新增一个文件,命名editor.vue(无所谓,只是后面引入时要注意)
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/e2d08ff45cbde103a0697fa38f578453.png)
- 在editor.vue文件中写下面代码` (子组件)
<template lang="html">
<!-- 富文本编辑器 -->
<div class="editor">
<div ref="toolbar" class="toolbar">
</div>
<div ref="editor" class="text">
</div>
</div>
</template>
<script>
import E from "wangeditor";
export default {
name: "editoritem",
data() {
return {
editor: null,
info_: null
};
},
model: {
prop: "value",
event: "change"
},
props: {
value: {
type: String,
default: ""
},
isClear: {
type: Boolean,
default: false
}
},
watch: {
isClear(val)