手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-12 01:58:15

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

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

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

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

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

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

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

Element如何设置Switch打开关闭的背景色
Element如何设置Switch打开关闭的背景色
© 手抄报圈