Vue 修改第三方組件的樣式

vue引用了第三方組件,需要在組件中局部修改第三方組件的樣式,而又不想去除scoped屬性造成組件之間的樣式污染。此時只能通過>>>,穿透scoped。

有些Sass 之類的預處理器無法正確解析 >>>。可以使用 /deep/ 操作符( >>> 的別名)

1 <style scoped>
2   外層 >>> 第三方組件 {
3       樣式
4   }
5 /deep/  第三方組件 {
6       樣式
7   }
8  

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章