Vue.jsで管理するtextareaをごにょごにょしたかった
概要
textareaの中身を外からJSでいろいろする画面をVuetifyで作ろうとするとハマる。
実はVuetifyは関係なくてVue.jsなら(たぶん)ハマる。
やろうとしたこと
あるボタンを押すとカーソル位置にテキストが差し込まれるよくあるやつ。
わりとすぐわかったこと
textarea.setTextRange
はVue.jsで管理しているtextareaでは当然うまく動かない。
textarea.selectionStart
、textarea.selectionEnd
でカーソル位置をとってきて、v-modelを直接編集する必要がある。
ハマったこと
textareaのテキスト編集後のカーソル位置がいい感じにならない。
textarea.setSelectionRange
がまともに動いていないように見える。
解
setTimeout(() => bodyTextArea.setSelectionRange(2, 2))
this.$nextTick(() => {
textarea.setSelectionRange(2, 2))
})
ふーんなるほどね
Author And Source
この問題について(Vue.jsで管理するtextareaをごにょごにょしたかった), 我々は、より多くの情報をここで見つけました https://qiita.com/nogutk/items/5ff580c6036e5e3325cb著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .