三行代码 解决vue中设置div contenteditable光标移动到最后
Posted 初辰ge
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了三行代码 解决vue中设置div contenteditable光标移动到最后相关的知识,希望对你有一定的参考价值。
在Vue做项目时,做了一个div[contenteditable=true]的组件作为文本输入框
在非手动输入值后,光标会丢失,经测试以下这段代码可用,直接将光标定位到最后
this.$refs.editDiv.focus()
document.execCommand('selectAll', false, null);
document.getSelection().collapseToEnd();
以上是关于三行代码 解决vue中设置div contenteditable光标移动到最后的主要内容,如果未能解决你的问题,请参考以下文章