vuvivian's blog

越努力,越幸运.

  1. 1. 条件
  2. 2. 实现
  3. 3. 模糊搜索框
  4. 4. 模糊查询树形结构数据并返回其所有上级节点

条件

  • 没有搜索条件,展示所有菜单
  • 存在搜索条件,展开搜索的所有结果, 并默认选中第一条记录
  • 回车定位到下调记录

实现

  • 模糊搜索框

    <Input prefix=”ios-search” class=”std-menu-search” :clearable=”true” @on-enter=”handleSearch($event)” @on-click=”handleSearch($event)” @on-clear=”clearSearch” />

  • MenuList设置成计算属性

模糊查询树形结构数据并返回其所有上级节点

再搜索框输入 好 字时,希望树形结构中带有 好 字的项显示,即使父节点没有 好 字,但子节点含有,父节点仍要返回

本文最后更新于 天前,文中所描述的信息可能已发生改变