＜el-tree＞解决勾选会把父节点下的子节点全部勾选的问题

最新推荐文章于 2026-06-17 22:56:21 发布

原创最新推荐文章于 2026-06-17 22:56:21 发布 · 3.5k 阅读

4 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

学习日志专栏收录该内容

16 篇文章

订阅专栏

本文介绍了如何在使用Element UI的el-tree组件时，通过设置`check-strictly`属性，实现父节点选择时子节点不会默认全选的效果。重点讲解了checkedKeys的使用和其对回显状态的影响。

			<div id="treeDialog">
				<el-tree
				  :data="treeDatas"
				  show-checkbox
				  node-key="id"
				  default-expand-all
				  :filter-node-method="filterNode"
				  :props="defaultProps"
				  check-strictly
				  :default-checked-keys="checkedKeys"
				   ref="tree">
				</el-tree>
			</div>

checkedKeys 值为 0、1、3、4 加上 check-strictly 可以在父节点测试菜单01勾选时子菜单不会默认全勾选。

不加check-strictly 父节点和其中的子节点都被勾选的情况下回显会显示子节点全部被勾选