iview中tree的事件运用

时间：2018-05-16 16:13:40 阅读：939 评论：0 收藏：0 [点我收藏+]

iview中的事件和方法如下：

技术分享图片

案例说明：

html代码

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

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　　

原文：https://www.cnblogs.com/ericLJ/p/9046441.html

踩

(0)

评论一句话评论（0）

分享档案

更多>