解决办法:数据请求写道方法里面,函数调用写到mounted 钩子里面
//组件挂载完毕发请求
mounted() {
//获取列表数据方法
this.getPageList();
},
methods: {
//获取品牌列表的数据
async getPageList(pager = 1) {
this.page = pager;
//解构出参数
const { page, limit } = this;
//获取品牌列表的接口
//当你向服务器发请求的时候,这个函数需要带参数,因此老师在data当中初始化两个字段,代表给服务器传递参数
let result = await this.$API.trademark.reqTradeMarkList(page, limit);
if (result.code == 200) {
//分别是展示数据总条数与列表展示的数据
this.total = result.data.total;
this.list = result.data.records;
}
},