<template>
<el-tree
:data="treeData"
show-checkbox
node-key="id"
ref="treeRef"
></el-tree>
<el-button @click="getChecked">获取选中节点</el-button>
</template>
<script>
export default {
setup() {
const treeRef = ref(null);
const treeData = ref([{
id: 1,
label: '一级 1',
children: [{
id: 4,
label: '二级 1-1'
}]
}]);
const getChecked = () => {
if (treeRef.value) {
const checkedKeys = treeRef.value.getCheckedKeys();
console.log(checkedKeys);
}
};
return {
treeData,
treeRef,
getChecked
};
}
};
</script>
- 本文标题: Vue 3.0+ElementUI Plus之EL-Tree不用TS获取所有选中的节点
- 文章分类:【VueJS】
- 非特殊说明,本文版权归【胡同里的砖头】个人博客 所有,转载请注明出处.
- 上一篇:获取每种分类的最后一次的数据集
- 下一篇: HTML 隐藏的宝石:您应该了解的 HTML 标签