vue.js - 为什么 v-model 属性表现不同

标签 vue.js v-model

两个相同的例子(根据 Vue.js )工作不同:

首先

<input v-model="value" @input.once="setDirty" type="text" id="object-email">

第二个:

<input v-bind:value="value" v-on:input="value = $event.target.value"
                   @input.once="setDirty"
                   type="text"
                   id="object-email">

在第一个示例中, 仅在第二次输入后更改,而第二个示例工作正常。 如果我们删除 @input.once 属性,两个示例都可以正常工作。

附言Vue 2.4.0

最佳答案

这是 a bug在版本 2.4.3 中修复.

作为以前版本的解决方法,您可以简单地使用 @keydown.once="setDirty" 而不是 @input.once

关于vue.js - 为什么 v-model 属性表现不同,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46111263/

相关文章:

node.js - bluemix 服务单页应用程序

json - VueJS - 难以理解 .$set 和 .$add

javascript - Vue.js 如何在 v-model 输入的数组中定位名称未知的对象

javascript - Vue V-Model 启动损失选择 Selection

javascript - VueJS 在 v-model 中反转值

vue.js - 在 Vue vs state 中创建全局变量

javascript - CORS:预检响应中的 Access-Control-Allow-Headers 不允许 Content-Type

javascript - 当 v-for 创建选项时,在选择上阻止 onChange 事件

javascript - 使用 v-model 的值作为 if 语句的条件是否正确?