Vue.js3：如何过滤嵌套数组答案

【问题标题】：Vue.js3: how to filter through nested arraysVue.js3：如何过滤嵌套数组
【发布时间】：2022-12-31 15:32:53
【问题描述】：

我正在尝试过滤一个数组，主数组内部是其他数组。

我使用了computed 并创建了一个名为filteredEgg() 的函数我不确定我遗漏了什么，我正在返回主数组并过滤数组中的egg 然后创建一个短函数来返回@987654324 egg数组的@

HTML

<p v-for="egg in filterEgg(digilist)">{{ egg }}</p>

const app = Vue.createApp({
data(){
return{
  digilist:[{
            egg:[           
                {
                    id:"blue",
                    eggtype:"blue",
                    name:"Punimon",
                },
        
                {
                    id:"green",
                    eggtype:"green",
                    name:"Botamon",
                },
        
               {
                    id:"orange",
                    eggtype:"orange",
                    name:"Poyomon",
                },
        
                {
                    id:"pink",
                    eggtype:"pink",
                    name:"Yuramon",
                },
    ], 

}]
        }
    }, 

 computed:{
        filteredEgg(digilist){
            return this.digilist.filter((egg) => {
                return egg.name
            })
            }
        },
  
})

【问题讨论】：

标签： javascript arrays vue.js filter

【解决方案1】：

计算值是一个 getter 函数，这意味着您不必调用它。所以试试egg in filterEgg。如果这不起作用，您能否分享您的计算函数的外观？我在这里只看到 data 属性。

【讨论】：