2021-08-31

ゞ浴缸里的玫瑰 2022-09-09 10:56 18阅读 0赞

## 递归基本用法 ##

<el-tree :data="data" show-checkbox node-key="id" :default-expanded-keys="[2, 3]" :props="defaultProps">
     </el-tree>

<script>
            var app = new Vue({ 
                el: '#app',
                data: { 
                //全部数据
                    data: [{ 
                        id: 1,
                        label: '一级 1',
                        children: [{ 
                            id: 4,
                            label: '二级 1-1',
                            children: [{ 
                                id: 9,
                                label: '三级 1-1-1'
                            }, { 
                                id: 10,
                                label: '三级 1-1-2'
                            }]
                        }]
                    }, { 
                        id: 2,
                        label: '一级 2',
                        children: [{ 
                            id: 5,
                            label: '二级 2-1'
                        }, { 
                            id: 6,
                            label: '二级 2-2'
                        }]
                    }, { 
                        id: 3,
                        label: '一级 3',
                        children: [{ 
                            id: 7,
                            label: '二级 3-1'
                        }, { 
                            id: 8,
                            label: '二级 3-2'
                        }]
                    }],
                    defaultProps: { 
                        children: 'children',
                        label: 'label'
                    },
                    //需要对比的数据 抽取出来 拿到id
                    testList: [1, 2]
                },
                created() { 
                    this.turn(this.data);
                },
                methods: { 
                    turn(list) { 
                        list.forEach((v, k) => { 
                            if (this.testList.indexOf(v.id) != -1) { 
                                v.disabled = true;
                            }
                            if (v.children && v.children.length != 0) { 
                                this.turn(v.children)
                            }
                        })
    
                    },
                }
    
    
            })
        </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，18人围观）

还没有评论，来说两句吧...

相关阅读

相关【20210831】【Matlab】Matlab 中异常捕获 try-catch-end 的使用

1. 使用方法 try statements; catch exception statements; end

灰太狼/ 2022年09月09日 10:59/ 0 赞/ 179 阅读