查看需要对富文本vue-quill-editor进行禁止编辑,处理起问题来还是只有看文档和百度,发现对这个提问不是很多,可能很多大牛都不会出现这种问题吧!哈哈,反正我是不会,不过最后还是实现了,具体如下:

1:quill-editor提供了几个事件(文本改变,富文本获得焦点,富文本失去焦点)事件,
@blur=“onEditorBlur( e v e n t ) " @ f o c u s = " o n E d i t o r F o c u s ( event)" @focus="onEditorFocus( event)"@focus="onEditorFocus(event)”
@change=“onEditorChange($event)”

2:最后决定在富文本获得焦点上做处理

在这里插入图片描述
3:我是通过一个值来判断是否禁用,所以方法如下:
 
 
在这里插入图片描述
 

methods: {
    onEditorFous(e) {
      console.log(e)
      if (this.is_handle) e.enable(false)
    },
  }

 
  4:如果你觉有用,请点个赞!有问题请评论!我是小陈要快乐呀!

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐