为什么在点击事件触发后,Vue的v模型会更新数据呢?

时间:2020-03-24 16:55:14

标签: vue.js vuejs2 vue-component v-model vue-directives

我有一个很小的复选框组件,我试图通过@click事件进行监听。但是v模型数据比事件回调晚7毫秒更新。因此,我必须删除@click侦听器,并添加检查值的计算属性/方法,并为其添加监视方法以$ emit更新后的检查值。这样可以很好地工作。但是我只想了解幕后情况。有人可以解释吗?还是在网上提到好的资源?

我在Vue的源代码中也找不到v-model方法。在node_modules中哪里可以找到与v模型相关的代码?

1 个答案:

答案 0 :(得分:1)

您应该尝试改用@change,然后将其打印以进行测试。例如:

<input 
     type="checkbox" 
     v-model="item" 
     @change="sendEvent"
/>
sendEvent () {
     this.$emit('click', this.item);
},