source
git:vue-tree-down
npm:vue-tree-down
vue-tree-down
Usage
npm install vue-tree-down
1.import TreeDown from "vue-tree-down"
2.components: {
TreeDown,
}
3.list: [//datasource
{
id: "z1",
name: "leglo",
age: "18",
gender: "男",
work: "web",
children: [
{
name: "leglo1",
age: "18",
gender: "男",
work: "web",
id: "z1-1",
children: [
{
name: "leglo1-1",
age: "18",
gender: "男",
work: "web",
id: "z1-1-1",
children: [
{
name: "leglo1-1-1",
age: "18",
gender: "男",
work: "web",
id: "z1-1-1",
},
],
},
{
id: "z1-1-2",
name: "leglo1-2",
age: "18",
gender: "男",
work: "web",
},
{
id: "z1-1-3",
name: "leglo1-3",
age: "18",
gender: "男",
work: "web",
},
{
id: "z1-1-4",
name: "leglo1-4",
age: "18",
gender: "男",
work: "web",
},
],
},
{
name: "leglo2",
id: "z1-2",
age: "18",
gender: "男",
work: "web",
},
],
},
],
showFields: [//show fields
{
name: "姓名:",
key: "name",
},
{
name: "年龄:",
key: "age",
},
],
4. <TreeDown :list="list" :showfields_="showFields" :height="200" :width="200" />
Preview
notice
Id是必须得. 它可以是任何不重复的字符;
如果showFields为空,box里面啥也没有- - ;
npm:vue-tree-right