table中加表单元素每行怎么验证_el-table树形表格表单验证(列表生成序号)

本文介绍了如何在树形表格中实现表单验证和列表序号的生成。通过广度优先遍历,为树形结构的每一层级生成唯一的序号。在表单验证方面,使用form-item包裹表格并根据每个row的customIndex属性来指定prop,以确保校验的准确性。同时,提供了一个getPathByKey方法用于查找每个row属性的路径,以便于el-form-item进行校验。
摘要由CSDN通过智能技术生成

树形表格表单验证预览

树形列表生成序号

首先需要生成一个序号用来确定表单验证的目标row,通过广度优先遍历,以1,1.1,1.1.1的规则对树形列表生成确定唯一值的索引,因为列表自身可以做CURD,因此需要每次列表的item增加或减少时重新调用生成索引的方法。

setIndex = (data) => {

let queue = [...data];

let loop = 0;

while (queue.length > 0) {

loop++

[...queue].forEach((child, i) => {

queue.shift()

if (loop == 1) {

child.customIndex = i + 1 + "";

child.currentIndex = i;

}

if (child.children && child.children.length > 0) {

child.dataType = 1

for (let ci = 0; ci < child.children.length; ci++) {

child.children[ci].currentIndex = ci

child.children[ci].customIndex = child.customIndex

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值