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

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

问题出现原因

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

解决思路

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

总结

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