vue 案例使用

el-switch 按键的使用

   <el-switchclass="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>

运行效果：