使用axios请求数据过程

1. 导入axios包

import axios from 'axios'

2. 在钩子函数中调用函数

mounted() {
    this.getinitialdata()   //获取初始页面数据
},

3. 在methods中声明函数

tips:
① 以对象形式指定需要从接口中获取的数据
② 使用axois请求数据:
post(“后端所给的数据接口名称”,需要传递的参数)

getinitialdata() {     //获取初始化数据
      let data = {  // 需要传递的参数
        page: this.formInline.pageCode,
        limit: this.formInline.pageSize,
        state: 4,       
      };
      this.axios.post("goods/goods_order", data).then((resp) => {  
        this.tableData = resp.data.data;   // 界面需要的数据,赋值指定的数据
        this.totalLength = resp.data.count;
      });
 }
  1. 添加界面需要的数据字段名称

elementUI的表格为例,prop中即后端所给定的字段名称:

<el-table-column prop="count" label="数量"  />
Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐