格式化传给iview的级联选择器的数据格式

####在 iview-ui中,级联选择器的数据格式是他们限制死的,但是后台伙伴传给我们的数据格式跟要求的格式不一致,只能自己动手去遍历重构数据了,方法如下

// 定义的map为后台返给自己的数据key值,res.data为后台返回的数据,按照下面格式,调用格式化数据的方法
	 const map = {
               label: "newsCategoryName",
               children: "list",
               value: "newsCategoryCode"
         };
     this.tableData= this.convertTree(res.data, map);


     convertTree(tree, map) {
            const result = [];
            tree.forEach(item => {
                // 读取 map 的键值映射
                item[map.children] = item[map.children]
                    ? item[map.children]
                    : [];
                let expand = false;
                let label = item[map.label];
                let value = item[map.value];
                let children = item[map.children] ? item[map.children] : null;
                // 如果有子节点,递归
                if (children) {
                    children = this.convertTree(children, map);
                }
                result.push({ expand, label, value, children });
            });
            return result;
        },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值