表單校驗兩層數組嵌套

:prop="'collectKidDtoList.'+index+'.collectKid.'+i+'.collectCode'"

:rules="rules.collectCode"

>

v-model="it.collectCode"

placeholder="請輸入子件編號"

:disabled="pageType==='detail'"

>

:prop="'collectKidDtoList.'+index+'.collectKid.'+i+'.collectName'"

:rules="rules.collectName"

>

v-model="it.collectName"

placeholder="請輸入子件名稱"

:disabled="pageType==='detail'"

>

form: {

collectKidDtoList: []

},

rules: {

collectCode: [

{ required: true, message: '必填', trigger: 'blur' },

{

validator(rule, value, callback) {

if (/^[A-Za-z0-9]+$/.test(value.trim())) {

callback()

} else {

callback(new Error('請輸入字母或數字'))

}

},

trigger: 'blur'

}

],

collectName: [{ required: true, message: '必填', trigger: 'blur' }]

}

總結

以上是生活随笔為你收集整理的vue 数组中嵌套数组_vue+element-ui表单校验之数组多层嵌套的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。