Events

事件名称说明回调参数
changeswitch 状态发生变化时的回调函数新状态的值

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

腾讯云面向开发者汇聚海量精品云计算使用和开发经验,营造开放的云计算技术生态圈。

更多推荐