Vue+element 修改样式的scoped穿透方法

我们在修改element的一些样式的时候,在加了scoped的时候会不起作用,下面是解决方案:

解决方法:起一个类名将页面包裹起来,后面加 /deep/

 

<style scoped>

1 /* 自定义类名 table-container*/
2 .table-container /deep/ .el-table {
3   overflow-x: auto;
4 }

</style>