您当前的位置首页/Vue.js/ 正文

Vue中scoped穿透

admin 最后更新时间 2018-08-10 17:20:20   281浏览
1 ``` stylus的样式穿透 使用>>> 外层 >>> 第三方组件 样式 .wrapper >>> .swiper-pagination-bullet-active background: #fff ``` ``` sass和less的样式穿透 使用/deep/ 外层 /deep/ 第三方组件 { 样式 } .wrapper /deep/ .swiper-pagination-bullet-active{ background: #fff; } ``` 2 在vue组建中使用两个style标签,一个加上scoped属性,一个不加scoped属性,把需要覆盖的css样式写在不加scoped属性的style标签里