首页 > 其他 > 详细

学习项目-前端-第七课:ElementUI: delete

时间:2020-07-12 17:24:16      阅读:108      评论:0      收藏:0      [点我收藏+]

一、easy-mock-->/api/gathering/{gatheringId}(delete)

{
  "code": 20000,
  "flag": true,
  "message": "删除成功!"
}

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

deleteById(id){
        return request({
            url : `/api/gathering/${id}`,
            method : ‘delete‘
        });
    }

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

 <el-table-column
        fixed="right"
        label="操作"
        width="120">
        <template slot-scope="scope">
          <el-button @click="handleEdit(scope.row.id)" type="text" size="small">修改</el-button>
          <el-button @click="handleDelete(scope.row.id)" type="text" size="small">删除</el-button>
        </template>
      </el-table-column>


handleDelete(id){
      gatheringApi.DeleteById(id).then(response=>{
        this.$message({
          message: response.message,
          type: (response.flag?‘success‘:‘error‘)
        });
        if(response.flag){
          this.pojo = {};
        }
      });
    }

 

学习项目-前端-第七课:ElementUI: delete

原文:https://www.cnblogs.com/DotSDot/p/13288707.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!