vue中数组长度_如何在Vue.js中获取计算数组的长度

我使用的是一个计算方法,它检查用户是否单击了搜索输入,然后检查JSON文件,以将用户的查询与JSON文件中的字符串匹配。这是我当前的代码:

computed: {

filteredPrizesByQuery: function() {

if (this.searchInputClicked == true) {

return this.prizes.filter(prize => {

return (

prize.prizeTitle.toLowerCase().match(this.query) ||

prize.prizeTag.toLowerCase().match(this.query)

)

});

} else

return this.prizes.filter(prize => {

return (

prize.prizeType1Name.match(this.tabbedQuery) ||

prize.prizeType2Name.match(this.tabbedQuery)

);

});

}

}

当我在搜索框中键入一个查询,然后查看我的Vue Dev工具时,我可以看到数组计数已更新(计算不足),例如。

filteredPrizesByQuery:数组[26]

. 这是我想显示给用户的值,但是我不知道如何访问这个值。

我已尝试检查计算方法中filteredPrizesByQuery的长度或prize的长度,但我要么得到最大调用堆栈大小错误,要么未定义。