设置active-value
和inactive-value
属性,分别代表激活状态的值和关闭时候的值,与value绑定。接受Boolean
, String
或Number
类型的值。
<el-switch
v-model="itemValue"
active-value="100"
inactive-value="0"
@change="handleUpdate(itemValue)">
</el-switch>
handleUpdate (value) {
//先把值赋为原来的值,保证swich状态不变
this.itemValue = value == '100'?'0':'100'
var text = ""
if(value == '100'){
text = "是否确认打开"
}else{
text = "是否确认关闭"
}
this.$confirm(text,"提示",{
confirmButtonText: '确定',
cancelButtonText: '取消',
}).then(()=>{
//确认,将改变后的状态值赋给绑定的itemValue
this.itemValue = value
}).catch(()=>{
//取消,将对立状态值赋给itemValue
this.itemValue = value == '100'?'0':'100'
})
},