搜索计算属性 vue 返回的数据

Question

我有计算属性，它从getters(vuex(返回数据，这些数据再次用于模板中以显示数据。

computed: {
returnlist() {

return this.$store.getters[LIST]
},
}

现在我有过滤器，需要在计算属性的可用结果中进行搜索。

我正在尝试

method :{
search() {
this.returnlist.filter(el=>el.name==="test")
}

但是，这不会过滤，如果我控制台，我会得到相同的数组，前提是它与给定名称属性匹配。

Answer 1

您的search方法不返回任何内容。根据你想要如何使用它，你可以让你的搜索函数返回过滤后的数组：

methods: {
search() {
return this.returnlist.filter(el => el.name === "TEST");
}
}

或者，您可以让一个对象在组件的data中保存过滤器值，并更改过滤器值以调整返回的过滤数组：

data: {
filters: {
name: 'Jack',
minAge: 32
maxAge: 40,
},
},
computed: {
filteredArray() {
return this.$store.getters[LIST].filter(el => {
return el.name === this.filters.name &&
(el.age >= this.filters.minAge &&
el.age <= this.filters.maxAge);
});
}
},