养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Element如何设置Switch打开关闭的背景色

时间:2024-09-30 21:29:40

在使用Element开发vue项目时,如何设置Switch开关的背景颜色呢?如图

Element如何设置Switch打开关闭的背景色

方法/步骤

1、打开一个vue文件,添加element框架下的Switch开关的组件。如图

Element如何设置Switch打开关闭的背景色

2、使用active-color属性设置打开时的背景色为绿色,使用inactive-color属性设醅呓择锗置关闭时的背景色为红色。如图

Element如何设置Switch打开关闭的背景色

3、设置Switch开关默认值为打开状态。如图

Element如何设置Switch打开关闭的背景色

4、保存vue文件后使用浏览器打开,即可看到Switch组件打时背景色为绿色,关闭时背景色为红色。如图

Element如何设置Switch打开关闭的背景色

Element如何设置Switch打开关闭的背景色

© 一点知识