前端进行模糊查询表格的内容

例如做一个对“名字”和“版本”进行模糊查询的输入框,当输入框内容改变的时候就进行搜索

this.list = [
  { name: 'React', version: '16.8.0', a: 2 },
  { name: 'Vue', version: '2.6.11', a: 3 },
  { name: 'Angular', version: '9.0.0', a: 2 },
  { name: 'Ember', version: '3.15.0',a: 1 },
];

this.searchList = this.list


// 注意表格上面展示的是this.searchList，表格的源数据是this.list，搜索的值是this.searchVal
changeSearchVal() {
   this.searchList = this.list.filter( (item) => item.name.includes(this.searchVal) || item.version.includes(this.searchVal),
   );
},