我们知道,在vue页面的style添加了scoped属性后,这个style的样式只会作用于当前vue页面。
但是,我遇到了一个问题:
我使用了elementui的card组件,想要改变其中的el-card__body的样式。但是,我写了新的样式后,居然没有覆盖上去!!!
找了许久原因,原来是style的scoped属性会只让当前页代码的dom元素绑定data-v-****属性,引入进来的组件就不加了!所以导致无法覆盖。
解决办法:去掉scoped就好了。
但是,要注意这个页面的样式不要覆盖到其他页面去了