如果你直接就在
<el-switch
v-model="row.balanceCheck"
active-color="#13ce66"
inactive-color="#EAECF0"
@change="switchChange($event, row)"
>
</el-switch>
switchChange (e, row) {
this.$confirm('是否修改?').then((event) => {
})
}
原来的值是这样的
点击按钮后 这不够友好
解决方案如下
这里面的e呢, 你点击时值其实已经改了 为了让页面上看起来没有变化 进行取反
switchChange (e, row) {
row.balanceCheck = !row.balanceCheck
let str = !e? `关闭`: `开启`
this.$confirm(str, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
})
.then(async () => {
...自定义的一些操作
this.$message.success('操作成功!')
})
.catch(() => {})
},