美文网首页
textarea实时监听输入(Js&Vue)

textarea实时监听输入(Js&Vue)

作者: LiangKK | 来源:发表于2019-06-25 16:37 被阅读0次

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>

相关文章

网友评论

      本文标题:textarea实时监听输入(Js&Vue)

      本文链接:https://www.haomeiwen.com/subject/hmkxcctx.html