- 简单使用， 通过data 直接绑定树的数据来源
<v-tree :data="tree"></v-tree>
tree : [{id:1 , text:'一级 1'} ,
{id:2 ,pid:1, text:'一级 1-2'} ,
{id:4 ,pid:0, text:'一级 1-4'} ,
{id:5 ,pid:0, text:'一级 1-5'} ,
{id:6 ,pid:0, text:'一级 1-6'} ,
{id:7 ,pid:1, text:'一级 1-7'} ,
{id:8 ,pid:7, text:'一级 1-7-8'} ,
{id:3 , pid:0 ,text:'一级 13'}
]
- 异步请求数据来源 , 属性ajax_url为请求地址
<v-tree ajax_url="/admin/menu/_list" ></v-tree>
- 事件
监听节点选中事件
<v-tree ajax_url="/admin/menu/_list" @on-node-selected="onNodeSelected" ></v-tree>
methods : {
onNodeSelected: function (node) {
console.log(node)
}
}
- 方法
- refresh ： function(data) 重新刷新树形数据