- 安装 v-tree:
npm install v-tree
- 在项目中引入 v-tree:
import VTree from 'v-tree'
- 创建一个树形结构的数据:
const treeData = [ { id: 1, label: 'tree 1', children: [ { id: 2, label: 'tree 2', children: [ { id: 3, label: 'tree 3' } ] } ] } ]
- 将数据传入 v-tree:
<VTree data={treeData} />
- 根据需要设置 v-tree 的属性:
<VTree data={treeData} showCheckbox={true} />
- 根据需要设置 v-tree 的事件:
<VTree data={treeData} onNodeClick={node => console.log(node)} />
vue中 v-tree
最新推荐文章于 2023-03-23 14:53:02 发布
![](https://img-home.csdnimg.cn/images/20240711042549.png)