vue加scoped後就無法修改UI元件的樣式

2021-10-01 21:32:43 字數 1373 閱讀 2937

有時候ui元件提供的預設的樣式不能滿足專案的需要,就需要我們對它的樣式進行修改,但是發現加了scoped後修改的樣式不起作用。

解決方法:

使用深度選擇器,將scoped樣式中的選擇器「深入」,即影響子元件

scoped

>

.a >>> .b

style

>

以上的**會編譯成:

.a[data-v-f3f3eg9] .b

注意:如果你使用了lesssass等預處理器,可能無法>>>正確解析。在這些情況下,您可以使用組合/deep/::v-deep組合 - 兩者都是別名,>>>並且工作完全相同。

使用lesssass等預處理器的寫法如下:

.van-radio

}

使用stylus的寫法如下:

.van-radio

}

有時候ui元件提供的預設的樣式不能滿足專案的需要,就需要我們對它的樣式進行修改,但是發現加了scoped後修改的樣式不起作用。

解決方法:

使用深度選擇器,將scoped樣式中的選擇器「深入」,即影響子元件

scoped

>

.a >>> .b

style

>

以上的**會編譯成:

.a[data-v-f3f3eg9] .b

注意:如果你使用了lesssass等預處理器,可能無法>>>正確解析。在這些情況下,您可以使用組合/deep/::v-deep組合 - 兩者都是別名,>>>並且工作完全相同。

使用lesssass等預處理器的寫法如下:

.van-radio

}

使用stylus的寫法如下:

.van-radio

}

vue 樣式加scoped不起作用

出現環境 在vue元件中使用了scoped,發現手寫的標籤樣式起作用,但是第三方的元件標籤並沒有起作用 原因 1.先搞清楚scoped的布局實現 在style上加上scoped後 會對 style裡面加了樣式的標籤 每個加上乙個 像這樣的乙個屬性 data v 4686dc05 元件內的樣式只會對帶...

vue中元件資料回顯後無法清空

這種情況一般出現在 父元件 傳值給 子元件,我們通過props接收子元件的值,在子元件內進行回顯,回顯完成後進行清空,發現清空不了。在這種時候我們要記住在子元件是不能更改父元件的值的。有兩種方法可以幫助我們清空這個值。1 比較暴力的方法,我們將從父元件獲取到的值重新深複製乙份,在子元件裡使用新的資料...

關於VUE修改資料後無法渲染出來的錯誤

本次錯誤是因為後台返回的資料是乙個物件。而前端的變數宣告是陣列型別 imglist 賦值後imglist的列印如下,不難看出是物件 id 7title 現代簡約,吊頂黃色 img url summary 不要簡樸不要素雅洋氣臥室我做主 ob observer dep dep,vmcount 0 ge...