elementui el-tree多级树状数据实现关键字搜索过滤效果代码

代码语言:html

所属分类:搜索

代码描述:elementui el-tree多级树状数据实现关键字搜索过滤效果代码

代码标签: element ui el-tree 多级 树状 数据 关键字 搜索 过滤

下面为部分代码预览,完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>
<head>
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/element-ui.2.15.1.css">
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/vue@2.6.1-dev.js"></script>
<script type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/element-ui.2.15.1.js"></script>
</head>
<body>
  <div id="app">
    <el-input v-model="filterText" value="1"></el-input>
    <el-tree
      :data="data"
      :props="defaultProps"
      :filter-node-method="filterNode"
   
      ref="tree">
         <span class="custom-tree-node show-hide" slot-scope="{ node, data }" >
        <span>{{ node.label }}</span>
   </span>
    </el-tree>.........完整代码请登录后点击上方下载按钮下载查看

网友评论0