樣式穿透::v-deep

在用到很多vue的組件庫
如vant,elementUI,vuetify等
雖然配好了樣式但是神奇的產品還是會讓你改一下樣式

可以用::v-deep或者/deep/來解決,後者在vue 3.0會報錯

使用方法如下

::v-deep .v-text-field.v-text-field--enclosed .v-text-field__details {
  margin-bottom: 8px;
  padding: 0px !important; 
}

在想要修改的樣式前面加上v-deep就可了

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