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

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

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

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

<style lang="scss" scoped>

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

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

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

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

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

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

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

05-08 14:56