当我们在使用v-model的时候,只要点击了Switch开关就会执行change事件改变当前的状态。如果想实现点击了二次确认弹框后再改变状态的话,此时应该使用 :value来代替v-model。
具体实例如下:
<el-table-column label="是否启用" align="center">
<template slot-scope="scope">
<el-switch
:value="scope.row.touchStatus"
active-value="1"
inactive-value="0"
active-color="#13ce66"
inactive-color="#ff4949"
@change="switchChange(scope.row)"
></el-switch>
</template>
</el-table-column>
switchChange(row) {
this.$confirm("确定修改启用状态吗?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning",
confirmButtonClass: 'confirm-button-sure',
cancelButtonClass: 'confirm-button-cancel'
}).then(() => {
}
).catch(() => {
})
}