mirror of
https://gitee.com/element-plus/element-plus.git
synced 2024-12-14 09:20:51 +08:00
63 lines
1.1 KiB
Vue
63 lines
1.1 KiB
Vue
<template>
|
|
<el-tree
|
|
:data="data"
|
|
:props="defaultProps"
|
|
accordion
|
|
@node-click="handleNodeClick"
|
|
/>
|
|
</template>
|
|
|
|
|
|
<script>
|
|
export default {
|
|
data() {
|
|
return {
|
|
data: [{
|
|
label: '一级 1',
|
|
children: [{
|
|
label: '二级 1-1',
|
|
children: [{
|
|
label: '三级 1-1-1',
|
|
}],
|
|
}],
|
|
}, {
|
|
label: '一级 2',
|
|
children: [{
|
|
label: '二级 2-1',
|
|
children: [{
|
|
label: '三级 2-1-1',
|
|
}],
|
|
}, {
|
|
label: '二级 2-2',
|
|
children: [{
|
|
label: '三级 2-2-1',
|
|
}],
|
|
}],
|
|
}, {
|
|
label: '一级 3',
|
|
children: [{
|
|
label: '二级 3-1',
|
|
children: [{
|
|
label: '三级 3-1-1',
|
|
}],
|
|
}, {
|
|
label: '二级 3-2',
|
|
children: [{
|
|
label: '三级 3-2-1',
|
|
}],
|
|
}],
|
|
}],
|
|
defaultProps: {
|
|
children: 'children',
|
|
label: 'label',
|
|
},
|
|
}
|
|
},
|
|
methods: {
|
|
handleNodeClick(data) {
|
|
console.log(data)
|
|
},
|
|
},
|
|
}
|
|
</script>
|