Vue后台管理项目之富文本编辑器（添加商品内容）的实现

在进行某页面添加商品内容等信息时，需要用到富文本编辑器，下面简述一下实现步骤。

1. 在vue项目中安装vue-quill-editor依赖（我用的vue-cli直接在可视化面板进行安装，很方便）
2. 在main.js文件中导入富文本编辑器以及对应的样式，注册为可用的组件。

//导入富文本编辑器
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
Vue.use(VueQuillEditor)

3. 使用组件（标签形式）双向绑定到添加表单的数据

<!-- 富文本编辑器组件 -->
<quill-editor v-model="addForm.goods_introduce"></quill-editor>

4.点击按钮触发添加商品事件

<el-button type="