当前位置: 首页 > Web前端 > vue.js

Vue-First试水(三)

时间:2023-03-31 22:51:33 vue.js

1.Vue调用后端接口,将前端列表中需要的数据显示在前端列表中为tableData:这里访问后端接口,获取这里的数据。前提是构造tableData数据。数据结构为数组:从后端获取数据后,如果需要多次遍历数据,使用foreach遍历数据,将push方法传入tableDatadata.forEach(element=>{this.tableData.push({名称:element.first_name,日期:element.last_login,地址:element.avatar});});2。灵魂是自动调用这个函数刷新列表数据:mounted(){this.GetUserInfo()},这个方法是用来调用这个获取后台数据的方法,否则无法触发api接口的调用