dialogue中需要添加编辑器

Posted 2021-03-16 0520euv

有时候，弹框内要使用编辑器，可以选择使用

vue-quill-editor

           <el-form-item prop="content" label="公告内容">
            <quill-editor
              ref="text"
              auto-complete="off"
              v-model="addForm.content"
              class="myQuillEditor"
              :options="editorOption"
            />
          </el-form-item>

//导入
import { quillEditor } from "vue-quill-editor";
import "quill/dist/quill.core.css";
import "quill/dist/quill.snow.css";
import "quill/dist/quill.bubble.css";

//注册组件
components:{quillEditor}

data(){
  return {
   editorOption: {},
}  
}