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屋！