前言
wangEditor在默认情况下,父组件给其设置内容后光标会处于首端,不符合需求。网上找的直接通过js操作的方法经过尝试没有作用(也可能是没写对),官方文档也没找到合适的方法。最终经过一番尝试后成功解决,特此记录,希望能帮到有类似需求的人。
解决方法
在父组件与wangEditor通信的双向绑定数据value的watch方法中,增加一句:
watch: {
content(val) {
if (val !== this.editor.txt.html()) {
this.editor.txt.html(val) //根据父组件传来的值设置html值
}
this.editor.selection.moveCursor(this.editor.$textElem.elems[0],false);
}
},