本文主要是介绍开发需求16-修改el-tree组件的父子关联关系,选中子节点后向上选中所有父节点,不选中下面的子节点;选中父节点,只选中当前节点,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
前言:
这个需求也是最近项目中遇到的,说实话是真的恶心。为啥这么说呢,是因为需求方根本就不知道真正的el-tree父子关联关系是什么样的,通知下来的要求就是要体现父子选中关系,那我自然就是直接使用的el-tree组件上默认的关系。结果提交后,需求方说我这不是树的父子关系,树的父子关系不是这样的,还质问我,选中父节点后,为什么下面的所有子节点都选中了。。。。我也是很无语。后来又详细沟通了下,才知道要的是下面这种效果
需求描述:
el-tree组件
1. 选中父节点,只勾选当前节点
2. 选中子节点,勾选上面所有的父节点,除了根节点
3. 取消勾选子节点,如果有同级子节点是勾选状态,父节点不取消勾选;反之取消
效果展示:
修改el-tree组件的父子关系,选中节点后向上选中所有父级
代码实现:
html部分:
<template><div><el-input placeholder="输入关键字进行过滤" v-model="filterText"></el-input><el-tree
这篇关于开发需求16-修改el-tree组件的父子关联关系,选中子节点后向上选中所有父节点,不选中下面的子节点;选中父节点,只选中当前节点的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!