如何過濾兩個類別的搜索輸入？

Question

以下過濾器 function 計算search input field的輸入以僅顯示元素，其title與search input類似：

const filteredNews = computed(() => {
    if (state.filter) {
        return props.news.filter(item => {
            return state.filter.toLowerCase().split(" ").every(v => item.title.toLowerCase().includes(v))
        });
    } else {
        return props.news;
    }
})

search input field ：

<input class="filter-input" type="search" placeholder="Suche" v-model="state.filter">

然后將元素顯示在v-for循環中：

<div class="news-gallery" v-for="(card, key) in filteredNews" :key=key>
    // items...
</div>

現在我不僅要過濾title還要過濾location 。 我需要如何更改filter function來實現這一點？

就像是：

const filteredNews = computed(() => {
    if (state.filter) {
        return props.news.filter(item => {
            return state.filter.toLowerCase().split(" ").every(v => {
                item.title.toLowerCase().includes(v),
                item.location.toLowerCase().includes(v)
            })
        });
    } else {
        return props.news;
    }
})

Answer 1

我找到了一個非常簡單的方法。 只是改變：

item.title.toLowerCase().includes(v)

至：

item.title.toLowerCase().includes(v) || item.location.toLowerCase().includes(v))