【el-element 001】 el-switch(Switch 开关)高阶用法:1扩展value值,自定义样式,文案;2默认number类型值不生效解决处理

1.扩展值

active-color="#13ce66"

inactive-color="#ff4949"

上面两个扩展文字颜色

active-text="按月收费"

inactive-text="按年收费"

上面两个扩展文字描述

 <el-switch
      style="display: block"
      v-model="switchValue"
      active-color="#13ce66"
      inactive-color="#ff4949"
      active-text="按月收费"
      inactive-text="按年收费"
    >
    </el-switch>

 

 不同的状态,展示不同的样式

2扩展的 value 类型

扩展前的value值只能是true,和false

猜你喜欢

转载自blog.csdn.net/jieweiwujie/article/details/127118340