方式一
watch方式实现
data中
// 后端返回的数据总和
tatalList: [],
// 前端过滤之后的list
showList: [],
watch中
watch: {
keyWord: {
// 这个是关键，初始化的时候立即触发
// 保证showList为totalList
immediate: true,
handler(val) {
this.showList = this.totalList.filter(
(item) => item.name.indexOf(val) !== -1
);
},
},
},
方式二 computed实现
// 计算属性数据过滤
computed: {
showList() {
return this.totalList.filter(
(item) => item.name.indexOf(this.keyWord) !== -1
);
},
},
网友评论