关于javascript:elementUI-switch组件单机方法及disabled样式问题

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>