自学内容网 自学内容网

vue 案例使用

el-switch 按键的使用

   <el-switch
     class="switchStyle"     
     v-model="boolValue" 
     :active-value="1" 
     :inactive-value="0" 
     active-text="ON" 
     inactive-text="OFF" 
     active-color="#13ce66" 
     inactive-color="#ff4949">
 </el-switch>

另外一个按键效果:

<el-switch v-model="boolValue"  active-text="启用" inactive-text="关闭" style="zoom: 1.2"> </el-switch>

运行效果:

点击小眼睛时看密码:

加上show-password就行

           <el-form-item label="无线密码" prop="key">
            <el-input v-model="form.key" show-password style="width: 300px" />
          </el-form-item>

运行效果:


原文地址:https://blog.csdn.net/buhuidage/article/details/142319469

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!