1、首先安装
npm install vue-quill-editor --save
2、可以注册为全局可用的组件
import VueQuillEditor from 'vue-quill-editor'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
Vue.use(VueQuillEditor, /* { default global options } */)//注册为全局组件
3、也可以为某个组件中单独引入
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
import { quillEditor } from 'vue-quill-editor'
export default {
components: {
quillEditor
}
}
4、在组件中使用
<quill-editor v-model="addForm.goods_introduce"></quill-editor>
输入的内容通过v-model双向绑定到addForm.goods_introduce