# Tree
import { tree } from 'vigour';
// tree.name === 'vigour-tree'
# Example
# Basic usage
- 家用电器
- 电视
- 超薄电视
- 全面屏电视
- 空调
- 电脑
<vigour-tree :data="json"></vigour-tree>
[
{
label: '家用电器',
isExpanded: true,
id: 1,
children: [
{
label: '电视',
id: 11,
isExpanded: true,
},
],
},
];
# onToggle & onClick
The onToggle
and onClick
attributes accept a function as an argument.
onToggle
和 onClick
属性接受一个函数作为参数。
- 家用电器
- 电视
- 超薄电视
- 全面屏电视
- 空调
- 电脑
<vigour-tree
:data="json"
:onToggle="onToggle"
:onClick="onClick"
></vigour-tree>
methods: {
onToggle(data) {
console.log('onToggle', data);
},
onClick(data) {
console.log('onClick', data);
},
},
# Props
prop | type | default value | available value |
---|---|---|---|
data | array | - | - |
onToggle | function | - | - |
onClick | function | - | - |