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