可以单独选择父节点,选子节点时默认选中父节点,无半选状态。 效果: 代码: <template><el-treeref="tree":data="treeData"show-checkboxdefault-expand-allnode-key="id":props="defaultProps"check-strictly="false"@check="handleClick"></el-tree></template>exportdefault{data(){return{treeData:[{id:1,...
在用到el-tree的懒加载和默认勾选功能时,若第一次勾选前几个连续节点,第二次进入默认勾选时,由于el-tree子节点尚未完全加载(只加载出来前几个),默认勾选已经开始(已加载出来的子节点被默认勾选),这时el-tree会认为子节点全部勾选,所以父节点也被勾选,这就导致所有子节点都被勾选; 解决方法: loadNode(node...
再用到el-tree的懒加载和默认勾选功能时,若第一次勾选前几个连续节点,第二次进入默认勾选时,由于el-tree子节点尚未完全加载(只加载出来前几个),默认勾选已经开始(已加载出来的子节点被默认勾选),这时el-tree会认为子节点全部勾选,所以父节点也被勾选,这就导致所有子节点都被勾选; 解决方法: loadNode(node...
直选中default-checked-keys的默认选中 What is actually happening? 只要default-checked-keys设置了某个父级下的子级选中 其他子级都会选中 Additional comments (empty) :check-strictly="true" commentedMar 22, 2024 试试给el-tree设置:check-strictly="true", 看看是否符合你期望的结果 没错 我使用这个办法临...
官方v2.2.1版本已经提供获取半选中状态节点对象。具体实现思路: // 1. 先合并选中/半选中节点Id,请求传给后台。 [].concat(this.$refs.menuListTree.getCheckedKeys(), [this.tempKey], this.$refs.menuListTree.getHalfCheckedKeys()) this.tempKey === -666666 // 临时key, 用于解决tree半选中状态项不...
element-ui里el-tree选中子节点用getCheckedKeys()只返回子节点 如果需求是:选中任何一个子节点都默认选择父节点,怎么办? 其实,element-ui也提供了方案,常规下,如果子节点选中,那么这时父节点是半选中状态,在获取选中值时,只需要利用getHalfCheckedKeys()+getCheckedKeys()两个方法即可达到效果。
element-ui里el-tree选中子节点用getCheckedKeys()只返回子节点 如果需求是:选中任何一个子节点都默认选择父节点,怎么办?其实,element-ui也提供了方案,常规下,如果子节点选中,那么这时父节点是半选中状态,在获取选中值时,只需要利用getHalfCheckedKeys()+getCheckedKeys()两个方法即可达到效果。
elementui Tree 树形数据回显默认选中父节点时,部分子节点也全部选中的问题,check-strictly="isCheck"可以使用这个,勾选时用true在数据回显的时候isCheck赋值为false
🎉 A Vue.js 3 UI Library made by Element team. Contribute to element-plus/element-plus development by creating an account on GitHub.
官方v2.2.1版本已经提供获取半选中状态节点对象。具体实现思路: // 1. 先合并选中/半选中节点Id,请求传给后台。 [].concat(this.$refs.menuListTree.getCheckedKeys(), [this.tempKey], this.$refs.menuListTree.getHalfCheckedKeys()) this.tempKey === -666666 // 临时key, 用于解决tree半选中状态项不...