三行代码 解决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光标移动到最后的主要内容,如果未能解决你的问题,请参考以下文章

vscode中设置vue代码片段

如何在 iframe 的“srcdoc”属性中设置 HTML 代码?

在 Ionic2 中设置离子行高度大小

如何在 Vue Material 中设置灵活的网格

如何在 Tailwind 中设置最小高度?

子div块中设置margin-top时影响父div块位置的解决办法