概述
wangeditor 撤销/回退 无效
在vue项目中 因为需求 需要添加富文本 选择了 wangeditor
想了想 还是将它封装成一个组件. 然后进行 测试的时候 发现撤销、回退 功能不能用了
上代码：
this.editor = new E(this.$refs.toolbar, this.$refs.editor) //实例化对象
// 封装成组件后 需要在用户每次改变内容的时候 将内容传递到父页面
this.editor.customConfig.onchange = (html) => {
this.editorContent = html
this.$emit('change', this.editorContent)
//在父子间通信的时候 影响了editor 对象的撤销功能
}
解决方案：
//父页面
<editor v-model="content" :isClear="isClear" ref="editor" :disabled="editorDisabled"></editor>
this.editorContent=this.$refs['editor'].editorContent //通过直接抓取 获得实时属性
this.$emit('change', this.editorContent) //组件的这行要注释掉
最后
以上就是灵巧口红为你收集整理的wangeditor 撤销/回退 无效wangeditor 撤销/回退 无效的全部内容，希望文章能够帮你解决wangeditor 撤销/回退 无效wangeditor 撤销/回退 无效所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。
发表评论 取消回复