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

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

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

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

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

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


   

二、object对象嵌套,例如:


  
  


  
  


  
  


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

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1320220.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-11
下一篇 2022-06-11

发表评论

登录后才能评论

评论列表(0条)

保存