1. 程式人生 > 實用技巧 >學習專案-前端-第五課:ElementUI: form submit

學習專案-前端-第五課: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.save(this.pojo).then(response=>{
        alert(response.message);
        if(response.flag){
          this.fetchData();
        }
      });
      this.dialogFormVisible = false;

    }