vue 添加樣式使用scoped屬性,樣式不起作用問題


出現這種情況的原因

  • 父組件沒有使用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>
 

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM