vue 通过switch开关修改数据并存入数据库
Events事件名称说明回调参数changeswitch 状态发生变化时的回调函数新状态的值1.在el-switch中添加change事件<el-switch v-model="slotProps.row.mg_state " @change="userStateChanged(slotProps.row)"></el-switch>2.编辑change事件调用的方法//
·
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("更新用户状态成功!")
}
更多推荐
已为社区贡献1条内容
所有评论(0)