<el-input v-model="keyword"
size="small"
@keyup.enter.native="handleSearchData" placeholder='Search by keyword...'></el-input>
data(){
return{
keyword:'',
searchKeyword:['name','age'],
tableList:[],
copyListData:[],
}
}
methods:{
handleSearchData() {
//copyListData为拷贝过的列表的数据
this.tableList = this.copyListData;
let searchData = this.keyword.trim();
if (searchData) {
let searchResult = [];
_.each(this.tableList, item => {
_.each(item, (v, i) => {
//匹配searchKeyword中的字段
if (this.searchKeyword.some(x => x === i)) {
if (String(v).toLowerCase().match(searchData.toLowerCase())) {
if (!searchResult.includes(item)) {
searchResult.push(item);
}
}
}
})
});
this.tableList = searchResult;
}
},
}