iview中tree的事件运用
Posted 街角的&守望
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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
以上是关于iview中tree的事件运用的主要内容，如果未能解决你的问题，请参考以下文章