前端模糊查询当前列表

前端模糊查询当前列表 js

说明： this.accountDetailsData 和 this.accountDetailsDataOld 的值都是一样的 前端自己查询 有3个数组 一个遍历 一个搜索的时候用 一个搜索条件为空的时候为全部的数据

1.在html页面

  <el-table stripe :data="searchInputAccount ?accountDetailsData : accountDetailsDataOld" border style="width: 100%;margin-top: 15px">

2. input输入框

 <el-input placeholder="模糊搜索当前页" v-model="searchInputAccount" @input="searchAccountPage"><i slot="prefix"
      class="el-input__icon el-icon-search"></i>
 </el-input>

3. 方法

   // 模糊搜索当前页账单
    private searchAccountPage(value) {
     
      if (value) {
     
        let arr: any = []
        this.accountDetailsDataOld.map((v, index) => {
     
          if (String(Object.values(v)).indexOf(value) > -1) {
     
            arr.push(v)
          }
        })

        this.accountDetailsData = arr

      } else {
     
        return this.accountDetailsDataOld
      }
    }