element ui switch开关 点击按钮后,弹窗确认再改变开关状态

<el-switch
        v-model="autoUpdate"
        active-color="#5eb058"
        inactive-color="#cccccc"
        disabled
        @click.native="handleUpdate(autoUpdate)">
 </el-switch>
.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label{
      cursor: pointer;
    } 
 // 点击开启开关
    handleUpdate (autoUpdate) {
      let strOpen = '是否确认开启开关。'
      let strClose = '是否确认关闭开关。'
      if (!autoUpdate) {
       // 弹窗询问,这个是封装过的element ui 弹窗
      this.wConfirmTip('开启开关', strOpen, () => {
        this.autoUpdate = true
        })
      } else {
        this.wConfirmTip('关闭开关', strClose, () => {
          this.autoUpdate = false
        })
      }
    },

前面直接贴代码了。

需求:点击开关,根据开启或者关闭转态,弹出弹窗询问是否开启/关闭,点击确认开启后开关显示成为开启状态样式。

评论 8
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值