vue+elementui表单校验(数组嵌套、object对象嵌套)

我们在做表单验证时,可能会出现form对象中嵌套数组或对象的情况,这时我们怎么对嵌套的参数做验证呢?下面给出了两种简单的解决方式。

一、表单数组嵌套,例如:

form: {
    title: "test",
    list: [{
        label: 'test1',
        value: '111',
    },{
        label: 'test2',
        value: '22',
    }]
}

简单的解决办法就是直接绑定list数组下的对象字段名,例如:


   

二、object对象嵌套,例如:


  
  


  
  


  
  


form: {
   title: '',
   data: {
     name: '',
     address: '',
   }
}

你可能感兴趣的:(VUE,elementui,vue.js,elementui,javascript)