Javascript 循环通过计算属性Vue

我有一个包含以下数据的组件，它是一个简单的数组：

data() {
        return {
            permissions: [
           { id: '1' , name: 'create'},
           { id: '2' , name: 'edit'},
           { id: '3' , name: 'delete'}
           ]
        }
    }

此外，我还创建了以下使用此数组并返回对象数组的computed属性：

computed: {
     getFormPermissionId(){
       var permission = this.permissions
       for(let i = 0;i < permission.length; i++ ) {
         return  permission[i].id
       }
     }
  }

我不知道如何在模板中应用。这是我的密码

谢谢：）

var-app=新的Vue({
el:“#应用程序”，
数据（）{
返回{
权限：[
{
id:1，
名称：'create'
},
{
id:2，
名称：'edit'
},
{
id:3，
名称：'delete'
}
]
}
},
计算：{
getFormPermissionId（）{
var permission=this.permissions
for（设i=0；i

{{getFormPermissionId}

您正在使用

返回

，它将停止进一步执行函数。您可以创建一个变量，并在该变量的值处进行内部循环concat，最后返回该变量

var-app=new-Vue（{el:'#app'，data（）{return
{权限：[
{id:1，名称：'create'}，
{id:2，名称：'edit'}，
{id:3，名称：'delete'}]
}
},
计算：{
getFormPermissionId（）{
var permission=this.permissions
让结果=“”；
for（设i=0；i'
}
返回结果；
}
}
})

{{getFormPermissionId}

您可以创建字符串，也可以这样做

var app = new Vue({
    el: '#app',
    data() {
        return {
            permissions: [{
                    id: 1,
                    name: 'create'
                },
                {
                    id: 2,
                    name: 'edit'
                },
                {
                    id: 3,
                    name: 'delete'
                }
            ]
        }
    },
    computed: {
        getFormPermissionId() {
            var permission = this.permissions;
            //Creating String 
            str = "";
            for (let i = 0; i < permission.length; i++) {
                 str += permission[i].id + "\n";
            }
            return str;
        }
    }
})

var-app=新的Vue({
el:“#应用程序”，
数据（）{
返回{
权限：[{
id:1，
名称：“创建”
},
{
id:2，
名称：“编辑”
},
{
id:3，
名称：“删除”
}
]
}
},
计算：{
getFormPermissionId（）{
var permission=this.permissions；
//创建字符串
str=“”；
for（设i=0；i

完整示例

var-app=新的Vue({
el:“#应用程序”，
数据（）{
返回{
权限：[{
id:1，
名称：“创建”
},
{
id:2，
名称：“编辑”
},
{
id:3，
名称：“删除”
}
]
}
},
计算：{
getFormPermissionId（）{
var permission=this.permissions；
//创建字符串
str=“”；
for（设i=0；i

{{getFormPermissionId}

以下是您可以执行的操作：

{{item.id}

尝试在此处包含您的代码。尝试生成一个。根据我在代码中看到的情况，似乎

getFormPermissionId（）

将始终返回

permission[0]。id

您想输出一个类似

[1,2,3]的数组吗

或log

1

2

3

为什么不使用v-for指令？我想在computed属性中尝试：）无论如何，谢谢你+1你在没有

v-for

的情况下问这个问题不好，现在你接受了这个答案

var app = new Vue({
    el: '#app',
    data() {
        return {
            permissions: [{
                    id: 1,
                    name: 'create'
                },
                {
                    id: 2,
                    name: 'edit'
                },
                {
                    id: 3,
                    name: 'delete'
                }
            ]
        }
    },
    computed: {
        getFormPermissionId() {
            var permission = this.permissions;
            //Creating String 
            str = "";
            for (let i = 0; i < permission.length; i++) {
                 str += permission[i].id + "\n";
            }
            return str;
        }
    }
})