关于vue.js:Vue初试水三

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接口的调用

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理