出現這種情況的原因
- 父組件沒有使用scoped標識,使用的子組件用了scoped標識,在父組件中設置子組件中的節點的樣式
- 父組件使用了scoped標識,子組件沒有使用,父組件中設置子組件樣式
出現這種情況的原因
- 父組件沒有使用scoped標識,使用的子組件用了scoped標識,在父組件中設置子組件中的節點的樣式
- 父組件使用了scoped標識,子組件沒有使用,父組件中設置子組件樣式
所以
- 如果我們添加了子組件,並且子組件使用scoped標識,那么在父組件中是不能設置子組件中的節點的樣式
- 若父組件有scoped,子組件沒有設置,同樣,也是不能在父組件中設置子組件的節點樣式
若想在父組件中修改子組件的樣式,應該怎么辦
1.第一種:穿透方法
1
2
3
4
5
|
<style scoped>
外層 >>>第三方組件{
樣式
}
</style>
|
2.第二種:再寫一個style,不加scoped
1
2
3
4
5
6
|
<style>
/*全局樣式*/
</style>
<style scoped>
/*局部樣式*/
</style>
|