vue:通过数组循环创建表格,表格中有输入框需校验,最后需要一次性校验所有表格。

发布时间 2023-11-07 14:10:11作者: 慕何

表格内有form表单,form表单绑定的model数据类型必须为对象。所以需要先处理一下接口请求回来的数据。

 

表单需要校验,校验要用到ref,所以通过索引给每个表单生成自己专属的ref。

 

统一写一个校验规则,绑定至form表单中的rules中,随后在表格内的输入框form-item中绑定对应的规定。

 

要校验对应的表格输入框时,把表格的索引传过来,拼成对应的ref名称(直接传refNmae也可以)

 

循环校验表格内是所有表单。