vue筛选

最新推荐文章于 2024-11-15 19:58:47 发布

zt-records

最新推荐文章于 2024-11-15 19:58:47 发布

阅读量136

点赞数

分类专栏： vue筛选文章标签： vue.js

本文链接：https://blog.csdn.net/qq_42977004/article/details/112003443

版权

vue筛选专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文深入探讨了在 Vue.js 中如何实现数据的过滤和筛选功能，包括使用内置的过滤器以及自定义过滤器，同时展示了在组件中应用这些技巧的实际例子。

摘要由CSDN通过智能技术生成

<ul>
     <li v-for="(item,i) in items" :key="i">{{item.name}}</li>
</ul>

data(){
    return{
      searchValue:"",
      allDefectList:[],
    }
 },
 computed: {
  //过滤方法
  items: function() {
        if(this.searchValue!= ''){
            return this.allDefectList.filter(i=>{return i.name.indexOf(this.searchValue) != -1}) ;
        }else{
            return this.allDefectList;
        }
        
  }
 },