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>

运行效果：