javascript 如何在vue.js中使用嵌套for循环

7d7tgy0s  于 2022-12-10  发布在  Java
关注(0)|答案(1)|浏览(131)

我有一个以下格式的数据,希望循环数据并将数据Map到数组中。

{
    tableEmployeeList : {
        01 : { 
            missing : [
                {
                    empId: 1
                }
            ]
        },
        02 : {
            missing: [
                {
                    empId: 2
                }
            ]
        },
        03: {
            missing : [
                {
                    empId: 3
                }
            ]
        }
    }
}

尝试使用此逻辑,但由于未定义员工而出现错误

<tr v-for="employee in tableEmployeeList" :key="employee.empId">
    <tr v-for="data in employee" :key="data.empId">
        <td class="td-empId">{{ data.empId }}</td>
    </tr>
</tr>
bnl4lu3b

bnl4lu3b1#

使用密钥employee.id基本上您可以使用任何内容作为密钥,例如employee.name employee.age
共享vue js中的for循环示例
<div v-for="item in data" :key="item.id">

相关问题