vue富文本编辑器使用

首先在vue项目中安装运行依赖vue-quill-editor
在这里插入图片描述
然后点击查看详情，打开官方文档
在项目的main.js中导入富文本编辑器和样式

import Vue from 'vue'
import VueQuillEditor from 'vue-quill-editor'

import 'quill/dist/quill.core.css' // import styles
import 'quill/dist/quill.snow.css' // for snow theme
import 'quill/dist/quill.bubble.css' // for bubble theme

然后在需要用的地方输入代码
在这里插入图片描述

1	<quill-editor v-model="addForm.goods_introduce"></quill-editor>

双向数据绑定到data里面在这里插入图片描述

1 2	// 商品的详情描述 goods_introduce: '',

效果在这里插入图片描述