公司做的一个后台系统,由于Elemen ui是响应式的,在小屏笔记本中,一行两列的表单会自动变成一行一列,这样就很不美观了,由于是后台系统,当时也没考虑适配问题。

老总 地表最强的电脑 运行了一下,当场就被他叼了。

最后只能回去做适配了,但是发现修改了样式之后,怎么也没效果。

 

千般百度后,发现了这个东东~

<style lang="scss" scoped>

也就是scoped这个东西...让我搞了半个小时。

scoped的作用:在style标签上添加scoped属性,以表示它的样式作用于当下的模块。

所以,把它去掉就可以了。

但是还有一个问题,去掉这个东东后,所有页面的样式是会相互影响的。

解决办法:在每个页面中,加个容器,给个id  或 class  而且每个页面的都要不一样就行

vue中修改Element ui样式不起作用

 

vue中修改Element ui样式不起作用

相关文章:

  • 2021-10-09
  • 2021-07-17
  • 2021-11-16
  • 2022-12-23
  • 2022-12-23
  • 2021-11-19
  • 2022-12-23
  • 2021-10-24
猜你喜欢
  • 2021-11-19
  • 2021-11-19
  • 2021-11-19
  • 2021-11-19
  • 2021-07-18
相关资源
相似解决方案