学习项目-前端-第五课:ElementUI: form submit

一、easy-mock-->/api/gathering(post)

{
  "code": 20000,
  "flag": true,
  "message": "增加成功!"
}

二、vueadmin-template-master-->src-->api-->gathering.js

import request from "@/utils/request"

export default {
    getList() {
        return request(
            {
                url: "/api/gathering",
                method: "get"
            }
        );
    },
    search(page, size, searchMap) {
        return request(
            {
                url: `/api/gathering/search/${page}/${size}`,
                method: "post",
                data: searchMap
            }
        );
    },
    save(pojo){
        return request({
            url : '/api/gathering',
            method : 'post',
            data : pojo
        });
    }
}

三、vueadmin-template-master-->src-->views-->table-->gathering.vue

handleSave(){
    gatheringApi.update(this.id , this.pojo).then(response=>{
      this.$message({
        message: response.message,
        type: (response.flag?'success':'error')
      });
      if(response.flag){
        this.fetchData();
      } 
    });
  this.dialogFormVisible = false;
}

 

posted @ 2020-07-12 14:06  遥~  阅读(365)  评论(0编辑  收藏  举报