源代码
Editable Tree
ref="tree"
:data="data"
@selectionChange="selection=$event"
@nodeClick="onNodeClick($event)"
>
Selected: {{selection.text}}
export default {
data() {
return {
selection: null,
data: this.getData()
};
},
methods: {
getData() {
return [
{
id: 1,
text: "My Documents",
children: [
{
id: 11,
text: "Photos",
state: "closed",
children: [
{
id: 111,
text: "Friend"
},
{
id: 112,
text: "Wife"
},
{
id: 113,
text: "Company"
}
]
},
{
id: 12,
text: "Program Files",
children: [
{
id: 121,
text: "Intel"
},
{
id: 122,
text: "Java"
},
{
id: 123,
text: "Microsoft Office"
},
{
id: 124,
text: "Games"
}
]
},
{
id: 13,
text: "index.html"
},
{
id: 14,
text: "about.html"
},
{
id: 15,
text: "welcome.html"
}
]
}
];
},
onNodeClick(event) {
this.$refs.tree.beginEdit(event);
}
}
};