el-tree选取父节点不能同时选中子节点的解决方案
之前在用element-ui
的el-tree
组件时,发现当父组件没有展开过的时候,
我们调用check-change
方法时,子组件虽然会被选中但是不会触发事件。对于这个问题,
我坚信element-ui
官方一定考虑过并给出了解决方案。
但是在搜索引擎中排名最高的解决方案是:使用check
方法代替check-change
事件,但是实际上
这种方法并没有效果。如果要解决问题,一个直觉但是不考虑需求的方案是默认展开所有节点,
即在组件中添加default-expand-all
属性。但是这个方法麻烦而且并不是直接解决问题,
最好的解决方案存在与官方文档中,我们只需要添加一个属性:render-after-expand: false
在el-tree
中,为了提高加载的效率,防止一口气加载所有节点引起阻塞,因此tree组件默认是
每次展开才会渲染子节点的,这就导致我们的子节点因为没有被渲染所以没有触发check-change
事件。
因此只要饥饿加载tree节点即可简单的解决问题。
el-tree选取父节点不能同时选中子节点的解决方案
2023/12/02/technology/framework/el-tree_not_work/