求助:使用foreach函数获取到后台数据时未在表格上渲染的问题

133 阅读1分钟

请教一下各位大神,我已经在console中获取到后台传输的数据,但是却无法在表格中渲染出来,不知道是哪里出了问题,附上代码:

<el-table :data="tableData" 
		  border highlight-current-row v-loading="listLoading" style="width: 100%">
		  <el-table-column>...</el-table-column>
		  ...
</el-table>
created(){
        this.getAdmin();
    }
async getAdmin() {
        try{
            const res = await adminList({offset: this.offset, limit: this.limit});
                if (res.status == 1) {
                    let list = Array.from(res.data)
                    console.log(res)
                    list.forEach(item => {
                        const tableItem = {
                            id: item.id,
                    	    username: item.username,
		   	    phone: item.phone,
			    email: item.email,
                            role: item.role,
                            last_login_ip: item.last_login_ip,
                            last_login_time: item.last_login_time,
                            create_time: item.create_time,
                            status: item.status,
                            update_time: item.update_time,
                        }
                        this.tableItem.push(tableData)
                        });
                    }else{
                    	throw new Error(res.message)
                    }
                }catch(err){
                    console.log('获取数据失败', err);
                }
            }

console

{status: 1, message: "获取管理员列表成功", data: {…}}
...

在表格中没有能显示出来。请大神们指教