首先在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
然后在需要用的地方输入代码
<quill-editor v-model="addForm.goods_introduce"></quill-editor>
双向数据绑定到data里面
// 商品的详情描述
goods_introduce: '',
效果