vue 通过switch开关修改数据并存入数据库

Events

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("更新用户状态成功！")
}