一、在项目终端输入:
npm install vue-quill-editor --editor
二、注册组件
在main.js项目入口文件中添加全局挂载
1.导入全局变量
import VueQuillEditor from 'vue-quill-editor'
2.导入样式
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'
import 'quill/dist/quill.bubble.css'
3.注册为全局可用组件
Vue.use(VueQuillEditor)
三、使用
在需要的页面下<template></template>模块中输入
<quill-editor></quill-editor>
即可:
效果如图