Switch 开关

    在两种状态间切换时用到的开关选择器。

    注意：没有使用 iview-loader 时，必须使用 标签。

    基本

    基本用法，状态切换时会触发事件。

    Switch 开关 - 图2

    尺寸 

    1. <template>
    2.     <Switch size="large" />
    3.     <Switch />
    4. </template>
    5. <script>
    6.     export default {
    8. </script>

    文字和图标

    自定义内容，建议如果使用2个汉字，将开关尺寸设置为 large。

    Switch 开关 - 图4

    不可用

    禁用开关。

    


    

     加载中 
    


    Switch 开关 - 图6
    

     自定义颜色 
    

    4.0.0 设置属性 true-color 和 false-color 可以自定义背景色。
    

    <template>
    <Switch true-color="#13ce66" false-color="#ff4949" />
</template>
<script>
    export default {

    }
</script>

    


    

     阻止切换 
    

    4.0.0 设置属性 before-change 并返回 Promise，可以阻止切换。