无法使用vee validate验证vue.js中的动态输入字段

无法使用vee validate验证vue.js中的动态输入字段,vue.js,vuejs2,vue-component,Vue.js,Vuejs2,Vue Component,我在我的vue组件页面上动态生成一些输入字段,如下代码所示: 脚本部分: 组成部分: {{errors.first('fairPaid')} 正在验证字段,但如果一个输入字段出现错误,但所有输入字段中都会显示错误消息,则会出现一个问题。错误消息应该出现在发生错误的字段上,我不想更改字段名。任何建议都将受到高度赞赏错误由输入的名称属性关联,因此这些建议应该是唯一的。将'fairPaid'绑定到'fairPaid'+k(将v-for'sk索引作为后缀)而不仅仅是名称,并将其用作错误包中的键:

我在我的vue组件页面上动态生成一些输入字段,如下代码所示:

脚本部分:

组成部分:


{{errors.first('fairPaid')}

正在验证字段,但如果一个输入字段出现错误,但所有输入字段中都会显示错误消息,则会出现一个问题。错误消息应该出现在发生错误的字段上,我不想更改字段名。任何建议都将受到高度赞赏

错误由
输入
名称
属性关联,因此这些建议应该是唯一的。将
'fairPaid'
绑定到
'fairPaid'+k
(将
v-for
's
k
索引作为后缀)而不仅仅是
名称
,并将其用作
错误
包中的键:


{{errors.first(`fairPaid${k}`)}

谢谢,所以我也必须更改laravel控制器中的代码?如果该代码也在laravel中,则是。好的,我会检查它
    data(){
        return {
          forminputs: [
          {
            fairPaid: '',
           }
          ],
}
<tr v-for="(input,k) in forminputs" :key="k">
<td>
<input v-validate="'required'" name="fairPaid" type="text" :class="['form-control', {'is-invalid': errors.has('fairPaid')}]" v-model="input.fairPaid"> 
        <div v-show="errors.has('fairPaid')" class="invalid-feedback">
                 {{ errors.first('fairPaid') }}
        </div>
</td>
</tr>