VxMenuTree 树形组件

引入

import VxMenuTree  from '@/components/vx-menu-tree';

// 页面内局部引入
export default {
  components: {
    [VxMenuTree.name]: VxMenuTree,
  },
};
// 全局引入
Vue.component(VxMenuTree .name, VxMenuTree );

使用指南

<vx-menu-tree ref="menuTree" :list="menuList" showCheck-box></vx-menu-tree>

API

VxMenuTree Props

属性	说明	类型	默认值	备注
`list`	数据	`Array`	-	-
`show-checkbox`	是否展示复选框	`boolean`	`false`	-
`node-key`	树节点用来作为唯一标识的属性	`String`	`Id`	-
`default-props`	配置选项	`object`	`{children: 'children',label: 'title'}`	-
`default-expanded`	默认勾选的节点的 key 的数组	`Array`	-	-
`default-checked`	默认展开的节点的 key 的数组	`Array`	-	-

VxMenuTree Methods

getCheckedNodes

获取选中节点方法，使用指南：this.$refs.menuTree.getCheckedNodes(false, false)

expandAll

节点全部展开，使用指南：this.$refs.menuTree.expandAll()

collapseAll

节点全部折叠，使用指南：this.$refs.menuTree.collapseAll()

Current Tags

0.0.4 ... latest (3 years ago)

1 Versions

0.0.4 ... 3 years ago