Events
事件名称 | 说明 | 回调参数 |
---|---|---|
change | switch 状态发生变化时的回调函数 | 新状态的值 |
1.在el-switch中添加change事件
<el-switch v-model="slotProps.row.mg_state " @change="userStateChanged(slotProps.row)">
</el-switch>
2.编辑change事件调用的方法
// 监听switch 开关状态的改变。
async userStateChanged(uerInfo){
const {data:res} = await this.$http.put(`users/${uerInfo.id}/state/${uerInfo.mg_state}`)
if (res.meta.status !== 200){
uerInfo.mg_state = !uerInfo.mg_state
return this.$message.error("更新用户状态失败")
}
this.$message.success("更新用户状态成功!")
}