vue中使用wangEditor出现光标乱跳的问题

在vue中使用wangEditor,在修改文章时,输入后发生光标跳转乱跳,导致不能正确输入。
度娘一番后找到一篇关于此问题的解决方式:文章链接

问题出现原因

是因为封装了组件后,使用父级传入的内容,每次输入都会触发wangEditor的onchange事件,而在onchange事件中又使用了子传父的方式将修改后的值赋给父组件,父组件的值改变后导致子组件wangEditor的值也被修改,所以出现光标总是跳转到最后。此时,并发的还有另外一个问题就是,撤销和恢复点击后无效。

解决思路

在修改时,不让父组件的值改变,即在子传父后,父级接收赋值给另外一个变量,在提交时在赋值给原始值

总结

在编辑时,保证初始值传入wangEditor子组件后,子组件的值不被外界修改,直至修改完成。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容