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

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

时间:2023-11-07 14:11:06浏览次数:33  
标签:创建表格 表格 form 校验 表单 输入框 ref

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

 

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

 

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

 

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

 

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

 

标签:创建表格,表格,form,校验,表单,输入框,ref
From: https://www.cnblogs.com/HE0318bei/p/17814866.html

相关文章