v-org-tree怎么每次展开一个
时间: 2024-02-27 09:59:11 浏览: 226
v-org-tree 是 Vue.js 框架中的一个组件,可以用于构建组织结构图。如果您想让 v-org-tree 每次只展开一个节点,可以使用其提供的 accordion 属性,将其设置为 true。这样,每次点击一个节点时,它将自动关闭其它节点。以下是一个示例代码:
```
<template>
<v-org-tree :data="treeData" :accordion="true"></v-org-tree>
</template>
<script>
import VOrgTree from 'v-org-tree'
import 'v-org-tree/dist/v-org-tree.css'
export default {
components: {
VOrgTree
},
data () {
return {
treeData: [
{
label: 'Node 1',
children: [
{
label: 'Node 1-1'
},
{
label: 'Node 1-2'
}
]
},
{
label: 'Node 2',
children: [
{
label: 'Node 2-1'
},
{
label: 'Node 2-2'
}
]
}
]
}
}
}
</script>
```
在上面的代码中,我们将 accordion 属性设置为 true,这样每次只会展开一个节点。同时,我们也提供了一些示例数据以用于演示。
阅读全文
相关推荐


















