element表格 和后台联调

1.配置接口

projectList:'/api/goods/xxx',//产品列表

2.请求接口(get请求+默认参数page)

// 产品列表 page
    projectList(params){
        return axios.get(base.projectList,{params})
    }

3.获取数据 +直接放到created里边去了 刷新页面就可以看到

  async projectList(page){
        let res = await this.$api.projectList({page})
        console.log('产品列表数据',res.data);
        }
    },

created(){
        this.projectList()
    }

异步请求接口 + 数据显示

    // 获取产品列表数据
    async projectList(page){
        let res = await this.$api.projectList({page})
        console.log('产品列表数据',res.data);
        this.tableData = res.data.data
        }
    },

注意：prop和后端返回的值要一致

效果图