Vue.js 使用v-Validate字段绑定验证动态字段
我正在使用以下代码验证日期时间选择器中的日期:Vue.js 使用v-Validate字段绑定验证动态字段,vue.js,vuejs2,vue-component,Vue.js,Vuejs2,Vue Component,我正在使用以下代码验证日期时间选择器中的日期: <tr v-for="(input,k) in inputs" :key="k"> <datetime v-validate="validators.ArrivalDate" format="YYYY-MM-DD H:i:s" name="arrivalDateTime" v-model="input.arriv
<tr v-for="(input,k) in inputs" :key="k">
<datetime v-validate="validators.ArrivalDate" format="YYYY-MM-DD H:i:s" name="arrivalDateTime" v-model="input.arrivalDateTime" ></datetime>
<tr>
我希望到达日期时间应大于此值。输入。出发日期时间出发字段日期时间。唯一的问题是我想在this.inputs.departureDateTime之后将字段索引也传递给。
非常感谢您的帮助。您可以使用v-validate
字符串,在每个v-for
迭代器的后面包含一个动态值:
data(){
return {
validators: {
ArrivalDate: {
required: true,
date_format: 'yyyy-MM-dd HH:mm:ss',
after: this.inputs.departureDateTime,
}
},
inputs: [
{
name:'',
arrivalDateTime: '',
departureDateTime:'',
}]
..