vue 中 input事件
input事件的使用
<div
:id="inputId"
:class="['textarea_content_right']"
:contenteditable="true"
@input="changeText($event)"
v-text= "currentValue"
></div>
data() {
return {
currentValue: "",
}
},
watch: {
currentValue(newVal) {
console.log(newVal)
}
},
methods: {
changeText(event) {
this.currentValue = event.target.innerText;
console.log(newVal)
},
}
当input、select、textarea 元素的 value 被修改时,会触发 input 事件。同时,input 事件也适用于启用了 contenteditable 的元素,以及开启了 designMode 的任意元素。在contenteditable 和 designMode 的情况下,事件的 target 为当前正在编辑的宿主。