第一步:监听switch开关的change事件
<el-switch
v-model="scope.row.mg_state"
@change="userStateChanged(scope.row)">
</el-switch>
第二步:拿到最新状态发起请求,调用接口把状态同步到服务器中
//监听switch开关状态的改变
async userStateChanged(userinfo) {
const { data: res } = await this.$http.put(
`users/${userinfo.id}/state/${userinfo.mg_state}`
);
if (res.meta.status !== 200) {
userinfo.mg_state = !userinfo.mg_state;
return this.$message.error("更新用户失败!");
}
this.$message.success("更新用户成功!");
},
},