vue 如何监听 ckeditor的onchange事件

梯子出去看官方文档,发现坑爹的ckeditor,只提供了ready、foucs、blur,destroy。找了半天资料,发现各种各样监听onchange的方法都复杂麻烦。思来想去,曲线方式实现。

监听input,然后设置标识位,标识数据被修改。然后再blur事件中,判断这个标识位,如果修改了,做该做的事情,并复位标识位。

简单有效。

              <div>
                <ckeditor @input='change_val' @blur='change_save' :editor="editor" v-model.lazy="z_analyze" :config="analyzeEditorConfig" ></ckeditor>
              </div>

js代码:

    change_val () {
      this.is_change = true
    },
    change_save () {
      if (this.is_change) {
        this.save()
        this.is_change = false
      }
    },

这样就简单搞定了change监听。不用再安装插件,复杂的配置。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值