今天碰到个问题,就是我用el-switch回填的时候,后台明明给我反的是1,我打印出来是字符串的0,导致数据回显有误,故在这记载一下,原因就是我的active-value和inactive-value,之前没有加:导致,加上就可以了,使用switch控制的时候需要加上一个提示语并且调用接口,如果取消就刷新页面,如果确认就调用接口。
<el-switch
style="transform: scale(0.85)"
v-model="row.status"
:active-value="1"
:inactive-value="0"
active-color="#409eff"
inactive-color="#dcdfe6"
@change="switchclick($event, row.uid)"
></el-switch>
接口这边需要传俩个,所以我获取了当前行数据
switchclick(e,uid) {
console.log(e,uid,'qi用状态');
let text = ''
if (e == 1) {
//修改启用之前是否确认修改
text = '启用'
} else {
text = '禁用'
}
this.$confirm(`是否${text}?`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(() => {
// 重新提交编辑的接口
this.editpersonnel(e,uid)
})
.catch(() => {
this.$message({
type: 'info',
message: '已取消'
})
this.queryJsMemberPage()
})
},
文章到此结束,希望对你有所帮助