Vue Element UI el-tree 实例 获取 tree show-checkbox 选中子节点

el-tree

默认选中节点 default-checked-keys
:data  属性数据集
show-checkbox  展示多选框
:props 属性组件配置
node-key 绑定节点主键

解析

<template>
    <div>
    
    <button @click="gettreenode">获取选中节点</button>
        <el-tree
            :default-checked-keys="tree_checked"
            :data="role.tree_list"
            show-checkbox 
            node-key="role_key"
            :props="defaultProps"
            ref="tree">
        </el-tree>
    </div>
</template> 

 <script>
    export default{
        name:'tree',
        data(){ 
        		role.tree_list：{
					role_key:“tree_checked”,
				    role_value:"节点一"
				}，
                defaultProps: {
                   //子节点
                    children: 'children',
                    //标签
                    name: 'name'
                }
            }
        },methods:{
            gettreenode(){
            //获取选中属性节点
            console>log(this.refs.tree.getCheckedKeys());
            }
        }
    }
 </script>

getCheckedKeys ：
若节点可被选择（即 show-checkbox 为 true），则返回目前被选中的节点的 key 所组成的数组