el-select 选中后二次确认弹窗

el-select 控件一旦选择了选项,v-modal绑定的字段就被更新了,所以如果要想在v-modal被更新之前进行二次弹窗确认,需要记录住上一次的v-modal值,使用watch来监听v-modal绑定的字段来获取到旧值。

<bs-select
   v-model="formData.enableSuperviseMode"
   clearable
   :data="enableSuperviseModeList"
   @change="enableSuperviseModeSelect"
></bs-select>

js代码:

 watch: {
    'formData.enable': {
      immediate: true,
      handler(val, oldVal) {
        this.oldEnable = oldVal
      }
    }
  },
  methods: {
	async enableSelect() {
      try {
      	// 弹窗确认
        await this.$confirm2.warning('确定保存启用模式?')
        // 调接口保存
      } catch {
      	// 若取消了 赋值成旧值
        this.formData.enable = this.oldEnable 
      }
    }
  }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值