Javascript Vue JS按多个数组对象项筛选
我有一些代码根据搜索输入过滤对象数组,它根据Javascript Vue JS按多个数组对象项筛选,javascript,vue.js,vuejs2,Javascript,Vue.js,Vuejs2,我有一些代码根据搜索输入过滤对象数组,它根据search变量过滤。我希望能够基于此进行搜索,并可能搜索对象中的其他键: import HelpGuides from '~/static/help/help-guide.json'; export default { head: { title: 'Help' }, data () { return { guides: HelpGuides, search: '' } }, co
search
变量过滤。我希望能够基于此进行搜索,并可能搜索对象中的其他键:
import HelpGuides from '~/static/help/help-guide.json';
export default {
head: {
title: 'Help'
},
data () {
return {
guides: HelpGuides,
search: ''
}
},
computed: {
filteredGuides: function() {
return this.guides.filter(guide => {
return guide.title.toLowerCase().includes(this.search.toLowerCase())
})
}
}
}
上面是我的代码,它根据搜索
输入过滤标题
键,但是,每个对象都包含标题
,标签
和正文
,标签
是一个数组,正文
是一个字符串
我将如何执行此操作?使用
|
操作符匹配其他键
filteredGuides: function() {
return this.guides.filter(guide => {
return guide.title.toLowerCase().includes(this.search.toLowerCase())
|| guide.body.toLowerCase().includes(this.search.toLowerCase())
})
}
处理不同的类型取决于对象结构。另外,请记住,您可以在另一个函数中提取|
子句