elementui 修改默认样式

vue 修改element ui默认样式方法

<style rel="stylesheet/scss" lang="scss" scoped>

@import 'src/assets/css/common.scss'

</style>

修改element不要加soped，但是不加scoped属性的时候页面之间的样式会相互影响，这个时候通过给根节点加父类去控制不同的页面有不同的样式

比如index.vue页面引入common.scss里面修改el-col的样式时候前面加个父类

.index .el-col{

 

}这样就不会影响别的页面的样式了