element-ui的el-switch在修改状态之前做判断,根据判断来确定是否修改状态
先说需求,在改变开关el-switch状态时需要先弹框让用户确认,然后再根据用户的操作(是点击了确定还是取消)来改变开关的状态。做法如下
```html
<el-switch
:value="value"
@input="handleInput"/>
....
data() {
return {
value: ''
};
},
methods: {
handleInput(event) {
this.$confirm('是否修改?').then((event) => {
this.value = event;
});
}
}
```
或者这样判断
```javascript
changeStatus(callback, row) {
let text = ''
if (callback == 1) {
text = '开启'
row.enable = 0
} else {
text = '关闭'
row.enable = 1
}
this.$confirm(`是否变更状态为${text}`, '提示', {
confirmButtonText: '确定',
cancelButtonText: '取消',
type: 'warning'
}).then(async () => {
let message = ''
if (row.enable == 0) {
row.enable = 1
message = '开启成功'
} else {
row.enable = 0
message = '关闭成功'
}
// 逻辑操作
this.$message({
type: 'success',
message
})
})
}
```
版权声明:
作者:tianya
链接:https://tya.zone/p/50.html
来源:天涯博客
文章版权归作者所有,未经允许请勿转载。
共有 0 条评论