ElementUI的switch组件文字显示在按钮上

switch原本的样式如图,文字显示在两边,感觉有歧义。我们想让开关打开的时候只显示未过期。

ElementUI的switch组件文字显示在按钮上_第1张图片

 其实只要修改它的样式就可以达到我们要的效果。

首先给`switch`添加一个类名:

ElementUI的switch组件文字显示在按钮上_第2张图片

 修改样式:

注:

1.不要加scoped属性

2.上面的`width`和`left`根据自己需要修改

修改后的效果:

ElementUI的switch组件文字显示在按钮上_第3张图片

 

你可能感兴趣的:(element组件,vue,elementui,前端,javascript)