1、vue 调用后端接口,并展现在前端列表中
前端列表中须要的数据为 tableData:
此处拜访后端接口获取此处的数据
前提结构 tableData 数据,次数据结构为数组:
从后端获取到数据后,要进行多个数据遍历的话,则应用 foreach
进行数据的遍历,及通过 push 办法传入 tableData 中
data.forEach(element => {
this.tableData.push(
{
name:element.first_name,
date:element.last_login,
address:element.avatar
}
);
});
2、灵魂一笔在于主动调用此函数刷新列表数据:
mounted() {
this.GetUserInfo()
},
此办法用于调用这个获取后盾数据的办法,否则无奈触发 api 接口的调用