vue filter数据筛选

T-wave

于 2019-03-11 10:01:27 发布

阅读量2.1k

点赞数 1

分类专栏： vue

本文链接：https://blog.csdn.net/renlang7090/article/details/88388290

版权

vue 专栏收录该内容

9 篇文章

订阅专栏

本文介绍了一种在前端应用中实现数据筛选和搜索的方法，通过将搜索字符串转换为小写并应用于所有产品键值，提高了搜索功能的效率和准确性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

computed: {
  //数据筛选
  searchData: function () {
    let search = this.searchValue;
    //console.log(this.nodeList);
    if (search) {
      return this.nodeList.filter(function (product) {
        return Object.keys(product).some(function (key) {
          //这里注意全部全部转换为小写以后搜索的内容也要全部转为小写
          return String(product[key]).toLowerCase().indexOf(search.toLowerCase()) > -1
        })
      })
    }
    return this.nodeList;
  },

有兴趣的朋友可以去看我的源代码

https://github.com/nuls-io/explorer_2.0