Vuejs2 Vue v-model惰性修改器不适用于数组元素
我有一个对象数组,我用v-for迭代该数组,为对象的一个属性创建一个输入,并对该输入使用vee-validate。我想延迟验证,所以我使用v-model.lazy只在更改时更新,这就是问题发生的地方。数据绑定似乎没有正确发生。下面的小提琴再现了我的问题。任何建议都将不胜感激Vuejs2 Vue v-model惰性修改器不适用于数组元素,vuejs2,vee-validate,Vuejs2,Vee Validate,我有一个对象数组,我用v-for迭代该数组,为对象的一个属性创建一个输入,并对该输入使用vee-validate。我想延迟验证,所以我使用v-model.lazy只在更改时更新,这就是问题发生的地方。数据绑定似乎没有正确发生。下面的小提琴再现了我的问题。任何建议都将不胜感激 我认为这是一个错误的验证 有一种解决方法与您的愿望具有相同的效果:在模糊事件上验证 演示 Vue.use(VeeValidate) new Vue({ el: '#app', data: { users:
我认为这是一个错误的验证 有一种解决方法与您的愿望具有相同的效果:在模糊事件上验证 演示
Vue.use(VeeValidate)
new Vue({
el: '#app',
data: {
users: [
{
email: null
}
]
},
methods: {
}
})
<div id="app">
<div v-for="user in users">
<input type="text" name="foo" v-model.lazy="user.email" v-validate="'email'" />
<span v-show="errors.has('foo')">{{ errors.first('foo') }}</span>
</div>
</div>
<div id="app">
<div v-for="user in users">
<div>Email: {{ user.email }}</div>
<input type="text" name="foo" v-model="user.email" v-validate="'email'" data-vv-validate-on="blur"/>
<span v-show="errors.has('foo')">{{ errors.first('foo') }}</span>
</div>
</div>