vue使用filter过滤器实现简单的搜索功能

// filter来筛选新数组，至于具体怎么去使用就看你要实现什么功能data() {return {list: [{id: '1', name: 'AAA'},{id: '2', name: 'BBB'},{id: '3', name: 'CCC'},{id: '4', name: 'AAA'},{id: '5', name: 'BBB'}],isSearch: 'BBB'// 这里是你要筛选的条件（可以绑定在input框动态赋值）}},computed: {labelLength(data) {// 筛选数组下标name内的内容，只返回传进来的值相同的数组return this.list.filter(value => {// this.list的内容必须是数组，否则会报错，// 如果是ajax动态赋值，必须在return里面的空值给中括号list:[]return value.name.match(data)})}},<div v-for="(item,index) in labelLength(isSearch)" :key="index">{{item.name }}</div>// 返回新的数组list: [{id: '2', name: 'BBB'},{id: '5', name: 'BBB'}],