开源一个vue2的tree组件

最新推荐文章于 2024-07-29 17:10:00 发布

weixin_34005042

最新推荐文章于 2024-07-29 17:10:00 发布

阅读量212

点赞数

文章标签： javascript ViewUI

本文介绍了一个基于Vue的树形组件的使用方法，通过示例展示了如何配置和使用该组件来展示层级数据，并提供了npm安装及运行demo的步骤。

github 地址 vue-tree

How to run demo

npm install
npm run dev

效果图

示例

<template>
  <div style="width:300px;"> <tree ref ='tree' :treeData="treeData" :options="options" @node-click='handleNode'/> </div> </template> <script> import Tree from '../components/tree/tree.vue' export default { name: 'test', data () { return { options: { showCheckbox: true, search: { useInitial: true, useEnglish: false, customFilter: null } }, treeData: [ { id: 1, label: '一级节点', open: true, checked: false, parentId: null, visible: true, searched: false, children: [ { id: 2, label: '二级节点-1', checked: false, parentId: 1, searched: false