之前没有接触过用get方法像后端传递数据
后端接口是这样的
method:GET , 必传flag,id
然后封装接口, 通过拼接传递
export function update(id, flag) {
return request({
url: "/ceshi/updateceshi?id=" + id+ "&flag=" + flag,
method: "get",
});
}
.vue文件中引入js文件,定义方法。 我这个需求是如果flag==1,就是发放,flag==0就是暂停发放
handleSet (row) {
var params = {
id: row.id,
flag: "",
}
var flag = "";
if (row.flag == 0) {
//发放
flag = 1
} else if (row.flag == 1) {
//暂停发放
flag = 0
}
console.log(row);
updateceshi(row.id, flag).then(reobj => {
console.log(reobj);
if (reobj.code == 200) {
this.getList();
this.$modal.msgSuccess("修改成功");
} else {
this.$message({
message: reobj.message,
type: "error"
});
}
}, error => {
this.$message({
message: error.message,
type: "error"
});
})
},
页面通过v-if控制显示
<el-button v-if="scope.row.flag=='1'"
:disabled="Date.parse(scope.row.endTime) < new Date()"
v-on:click="handleSet(scope.row)"
type="text">发放</el-button>
<el-button v-if="scope.row.flag=='0'"
:disabled="Date.parse(scope.row.endTime) < new Date()"
v-on:click="handleSet(scope.row)"
type="text">暂停发放</el-button>