input根据关键词过滤

el-input

    <el-input
      placeholder="搜索"
      prefix-icon="el-icon-search"
      v-model="leftSearchKey"
      size="small"
      class="enn-mb"
    >
    </el-input>

 data() {
    return {
      leftSearchKey: '', // input通过v-model双向绑定的字段
      postNavList: [], //从后端接口获取的数组
    }
  },
  computed: {
     //searchWorkName为过滤之后的数组或者其他数据
     // 渲染的时候给searchWorkName就行
    searchWorkName() {
      const search = this.leftSearchKey
      if (search) {
        return this.postNavList.filter((data) => {
          return data.postName.indexOf(search) !== -1
        })
      }
      return this.postNavList
    },
  },