Vue Element UI el-tree 实例 获取 tree show-checkbox 选中子节点
Vue Element UI el-tree 实例 tree-node默认选中节点 default-checked-keys:data属性数据集show-checkbox展示多选框:props 属性组件配置getCheckedKeys若节点可被选择(即`show-checkbox`为`true`),则返回目前被选中的节点的 key 所组成的数组(leafOnly) 接收一个 boolean 类型的
·
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 所组成的数组
更多推荐
已为社区贡献18条内容
所有评论(0)