elementUI switch组件

  • 无click事件，想要二次确认后再进行状态更改

  • 应用change事件不好用会先更新状态，不好用

    解决

<el-switch@click.native.prevent="updataStatus(xxx,xxx,xxx)",disabled></el-switch>
  • 增加@click.native.prevent办法达到目标，

  • 与此同时须要关上disabled属性

    • 是因为不加disabled会呈现调用两次的非现实状态

disabled款式问题

  • 保障批改完后同失常无异

不倡议在这里批改，我没改进去。目前办法是去掉scoped，你改的代码间接失效

<style lang="less" scoped></style>

应用深度选择器>>>进行批改

<style></style>

在原有style标签外再加一个style标签写在新加的标签里

<style>/* 批改elementUI-switch组件 disabled款式 */.el-switch.is-disabled { opacity: 1;}.el-switch.is-disabled .el-switch__core, .el-switch.is-disabled .el-switch__label {  cursor: pointer !important;}</style>