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

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

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

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

 

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

<style lang="scss" scoped>

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

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

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

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

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

 

转载于:https://www.cnblogs.com/Mrrabbit/p/8675471.html