梯子出去看官方文档,发现坑爹的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监听。不用再安装插件,复杂的配置。