天天看點

Vuejs使用scoped(私有) style為v-html中标簽添加CSS樣式

最近使用Vue架構的時候遇到一個問題,就是背景把資料寫好了,而且寫好的資料的某些内容是html格式的,使用Vue架構的v-html雖然可以很簡單的就把資料轉換成html的标簽渲染在頁面上,但是有些樣式得自己去微調,這時候就會發現,樣式根本就無法調試,上網查了些資料,總算弄明白了。

其實隻要給選擇器添加上 `>>>`這個玩意就行了,但是我也遇到一些問題

Vuejs使用scoped(私有) style為v-html中标簽添加CSS樣式

這樣子,直接在屬性第一個選擇器前面寫是報錯的,

Vuejs使用scoped(私有) style為v-html中标簽添加CSS樣式

而如果在第一個選擇器後面寫是沒有錯的,而且可以樣式能夠成功顯示效果