考虑下面的代码片段:
const salesFilter = computed(() => {
return Object.values(dataset.value).filter((item) => item.category==="Sales")
})
const salesTotalTwo = ref((salesFilter.value.length == 0) ? []:salesFilter.value[0].values)
当应用程序被挂载时,dataset
是空的,所以salesFilter
也返回空。在这种情况下,我希望salesTotalTwo
返回一个空列表,但我希望它在dataset
开始包含一些信息的时候被更新。当我运行测试时,我可以看到salesFilter
的行为与预期的一样,但是由于某种原因,salesTotalTwo
一直引用一个空列表。我把ref和三元表达式结合在一起的方法是错误的吗?有没有更聪明的方法来做到这一点?
1条答案
按热度按时间nlejzf6q1#
发生这种情况是因为
salesTwo
属性不是React性的。您需要使用计算属性来创建它。这里有一个演示-