Vue之vue-quill-editor查看禁用

查看需要对富文本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:如果你觉有用,请点个赞!有问题请评论!我是小陈要快乐呀!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值