javascript - Vue.js的循环计算属性打印所有值，但仅返回一个值

Question

Vuejs计算属性“for循环”显示所有值，但仅返回一个值。

computed: {
            orderedUsers: function () {
                //console.log(this.bannerData)
                //console.log(this.subBannerData[0].event_pi[0].id);
                this.secondSubBanner = [];
                for(let i=0; i<this.bannerData.length;i++){
                    this.subBanner = this.bannerData[i].pressInformation;
                    //console.log(this.subBanner.event_pi);
                    for(let j= 0;j<this.subBanner.length;j++){
                        this.secondSubBanner = this.subBanner[j].id;
                        console.log(this.secondSubBanner);// output: 257, 256, 254,261
                    }
                }
                return [this.secondSubBanner];
            },


sortedArray(){
            this.v = this.orderedUsers;
            console.log(this.v);// output:261
        }

有人可以告诉我我的错误在哪里吗？谢谢。

Answer 1

我很确定您的问题是您将this.secondSubBanner声明为一个数组，但是将其值设置为id。我想您真正想要做的是以下几点:

for(let i=0; i<this.bannerData.length;i++){
    this.subBanner = this.bannerData[i].pressInformation;
    for(let j= 0;j<this.subBanner.length;j++){
        this.secondSubBanner.push(this.subBanner[j].id);                   
    }
}

然后将返回值更改为:

return this.secondSubBanner;

另外，如果未在函数外部使用 subBanner和 secondSubBanner的值，则删除 this.并使用 let声明它们，因为您正在创建不必要的对象状态。

例如:

let secondSubBanner = [];