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