textarea实时监听输入（Js&Vue）
2019-06-25 本文已影响0人
LiangKK
Js：
<p id="kkp">message</p>
<textarea name="" oninput="Textarea(this)"></textarea>
<script>
function Textarea(textareaK){
console.log(textareaK.value)
document.getElementById("kkp").innerText = textareaK.value//改变p的文字
}
</script>
Vue：（如果只是实时获取值的话直接绑定v-model即可）
<textarea name="" @input="Textarea()" v-model="message"></textarea>
<script>
new Vue({
el: '#app',
data: {
message: 'Hello'
},
methods:{
Textarea: function(){
//这个方法就是每次输入框输入的时候就会触发这个方法,可以在里面做一些别的业务操作
}
},
})
</script>
