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

Vue.js 搜索计算属性vue返回的数据,vue.js,Vue.js,我有一个computed属性,它从getters(vuex)返回数据,getters(vuex)在模板中再次用于显示数据 computed: { returnlist() { return this.$store.getters[LIST] }, } 现在我有了过滤器,它需要在computed属性的可用结果中进行搜索 我正在努力 method :{ search() { this.returnlist.filter(el=>el.name

我有一个computed属性,它从getters(vuex)返回数据,getters(vuex)在模板中再次用于显示数据

computed: {
    returnlist() {
    
      return this.$store.getters[LIST]
    },
}
现在我有了过滤器,它需要在computed属性的可用结果中进行搜索

我正在努力

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

}

但是,这不会过滤,如果我使用控制台,我将获得相同的数组,只要它与给定的名称属性匹配。

您的
搜索方法不会返回任何内容。根据您想如何使用它,您可以让搜索函数返回过滤后的数组:

方法:{
搜索(){
返回这个.returnlist.filter(el=>el.name==“TEST”);
}
}
或者,您可以让一个对象在组件的
数据中保存筛选器值,并更改筛选器值以调整返回的筛选数组:

数据:{
过滤器:{
名字:“杰克”,
米纳奇:32
最大年龄:40,
},
},
计算:{
filteredArray(){
返回此。$store.getters[LIST].filter(el=>{
返回el.name==this.filters.name&&
(el.age>=this.filters.minAge&&

el.age
el.name=“test”
这正是您需要的。我认为您应该做
el.name==“test”
相反,这是打字错误,我已经===在那里了,但运气不好,我的问题是我们可以按计算属性在数据返回中搜索吗?默认情况下,我们不能直接在计算属性中搜索,只能在用户使用过滤器时单击按钮,而我无法在计算属性中进行过滤。我不明白@vuejsdev,什么防止您执行以下操作:
@click=“filter=“TEST”
(在过滤器按钮上)?只需更换
测试"
以搜索字段的值为例,您可以选择。我是否遗漏了什么?我会通知您的响应,但我可能需要执行多个响应,因此我需要多个过滤器。这并不难@vuejsdev,只需在计算的
过滤器Darray
中应用不同的条件。我更新了分辨率请反映我的意思。谢谢,非常感谢您的帮助,但我没有默认值。他们可以选择一个值进行筛选,不强制选择所有筛选,如果选择的筛选数超过两个,则选择其他或