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 所组成的数组