element-ui tree子节点部分选中时父节点也选中实现

element-ui tree子节点部分选中时父节点也选中实现

如果需求是:选中任何一个子节点都默认选择父节点,怎么办?

其实,element-ui也提供了方案,常规下,如果子节点选中,那么这时父节点是半选中状态,在获取选中值时,只需要利用**getHalfCheckedKeys()+getCheckedKeys()**两个方法即可达到效果。

 let zi = this.$refs.tree.getCheckedKeys()//返回选中子节点的key
 let fu =this.$refs.tree.getHalfCheckedKeys()//返回选中子节点的父节点的key
 let new1 = zi.concat(fu)

原文链接
链接:https://www.jianshu.com/p/1fdc5f35a42e
来源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

你可能感兴趣的:(vue,element-ui,tree,vue.js)