vue 实战技巧之el-tree使用技巧

文章目录

  • vue 实战技巧之 el-tree 使用技巧
    • 过滤 el-tree 节点,查询某一个节点的数据
    • 过滤 el-tree 节点,查询某一个节点并带出这个节点所有的子节点数据

vue 实战技巧之 el-tree 使用技巧

本次讲述的是关于 el-tree1el-input2 组合而实现的: 树状结构 查询树子节点的功能。
树状结构查询子节点的共功能分为如下几点:

  1. 查询单层的子节点的节点信息
  2. 查询多层子节点的节点信息(即查询子节点所包含的所有节点)

有时候对一个树状结构的数据进行查询时,只需要查询到其中某一级的数据就可以了,比如菜单权限树结构选择。
有时候对一个树状结构的数据进行查询时,除了要查询出某一级的节点数据,还要把这一节点的所有子节点全部显示出来,比如在查询某一个电厂的设备时,查询到某一个电厂就需要将这个电厂下的所有设备全部查询出来,而不是仅查出来电厂,完全看不到电厂下的设备导致用户无法选择设备。

下面进行详细的功能说明和功能的实现。

el-tree

你可能感兴趣的:(Vue,实战技巧,vue.js,elementui,javascript)