element el-switch切换前先确认

// 设置禁用
<el-switch v-model="scope.row.switch" disabled @click.native="changeSwitch(scope.row)"></el-switch>

    changeSwitch (e, row) {
      let rows = {...row}
      let msg = `是否确定${rows.switch ? '关闭' : '开启'?}`
      this.$confirm(msg, '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then( () => {
        // 业务逻辑
      })
    },


// 去除switch禁用 css
  .el-switch.is-disabled{
    opacity: 1;
  }
  .el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label{
    cursor: pointer;
  }
 
  

 

posted @ 2021-01-27 11:42  异地大光码  阅读(1665)  评论(0编辑  收藏  举报