javascript - vue如何侦听change事件实现双向绑定的?
本文介绍了javascript - vue如何侦听change事件实现双向绑定的?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
我们用原生的事件侦听一个input输入框变化时绑定这么一个事件,这个回调函数执行的条件是输入框blur之后
el.addEventListener('change', function(e){
console.log(e.target.value);
})
但是 Vue.js 和 React.js这类框架对于绑定change事件的input并不需要blur才会触发回调函数,而是每一次实时输入就会触发回调,就像IE的onpropertychange事件一样。
这个是如何做到的?
解决方案
但是 Vue.js 和 React.js这类框架对于绑定change事件的input并不需要blur才会触发回调函数,而是每一次实时输入就会触发回调,就像IE的onpropertychange事件一样。 这个是如何做到的?
vue中的输入框默认监听的是input事件,所以输入就会触发回调。通过下面这种方式可以改成change中触发。
<input v-model.lazy="msg" >
这篇关于javascript - vue如何侦听change事件实现双向绑定的?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文