Vuejs2 Vue v-model惰性修改器不适用于数组元素

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:

我有一个对象数组,我用v-for迭代该数组,为对象的一个属性创建一个输入,并对该输入使用vee-validate。我想延迟验证,所以我使用v-model.lazy只在更改时更新,这就是问题发生的地方。数据绑定似乎没有正确发生。下面的小提琴再现了我的问题。任何建议都将不胜感激


我认为这是一个错误的验证

有一种解决方法与您的愿望具有相同的效果:在模糊事件上验证

演示

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>