iview中tree的事件运用

iview中的事件和方法如下：

案例说明：

html代码

　　<Tree :data="data4" @on-check-change="choiceAll" ref="tree4" show-checkbox multiple></Tree>

-------------------------------------------------------------------------------------------

data(){

　　data4: [

　　{

　　　　title: 'parent 1-1',

　　　　expand: true,

　　　　children: [

　　　　　　{

　　　　　　　　title: 'leaf 1-1-1',

　　　　　　},

　　　　　　{

　　　　　　　　title: 'leaf 1-1-2'

　　　　　　}

　　　　]

　　},

　　{

　　　　title: 'parent 1-2',

　　　　expand: true,

　　　　children: [

　　{

　　　　title: 'leaf 1-2-1',

　　　　checked: true

　　},

　　{

　　　　title: 'leaf 1-2-1'

　　　}

　　]

　　}

]

},

methods:{

　　choiceAll:function(data){

　　　　console.log(data);  //当复选框选中时则会打印出选中的内容

　　　　let choicesAll=this.$refs.tree4.getCheckedNodes; //方法的运用 getSelectedNodes也是如此用法

　　　　console.log(choicesAll); 

　　}

}

总结：

on-select-change，on-check-change，on-toggle-expand  运用方法是类同而tree方法的运用则需要先添加一个ref