Vue ElementUI 之在项目页面中插入富文本编辑器

1、安装依赖 vue-quill-editor

安装方式有多种，可视化安装、npm 安装，或者也可以 CDN 引用，详见 GitHub上的说明
（1）可视化安装
在项目下，依赖> 安装依赖> 运行依赖，搜索并安装 vue-quill-editor

（2）npm 安装

npm install vue-quill-editor --save

2、全局注册 vue-quill-editor

在项目的 main.js 中导入vue-quill-editor

// 引入富文本编辑器
import VueQuillEditor from 'vue-quill-editor'
// require styles 富文本编辑器对应的样式
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'

// 注册富文本编辑器组件为全局组件
Vue.use(VueQuillEditor)

3、vue-quill-editor 使用方法

根据自己的项目，选择使用方法，本文选择SPA

SSR：服务器端渲染
SPA：客户端渲染

在自己自定义的 vue 组件使用富文本编辑器，通过 v-model 绑定数据对象

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