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


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

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

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

 

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

<style lang="scss" scoped>

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

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

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

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

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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM