当前位置: 首页 > Web前端 > HTML5

vue-初试水(三)

时间:2023-04-05 02:03:20 HTML5

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