vue(v-html)和scss的使用問題

<!--temp是一組p標籤--> <div class="lyric-container" v-html="temp"></div>

 

<style lang="scss" scoped> .lyric-container{ position: absolute; top: 0; left: 0; padding-top: 1.25rem; p {//這個規則不會應用 font-size: 0.16rem; color: rgb(170, 170, 170); } } </style>

之前遇到過同樣的問題，動態生成的元素沒有樣式，後面用了個暴力的方法解決，寫了兩個style標籤。

 

<style lang="scss" scoped> //這裏是頁面原本有的 </style> <style lang="scss"> //這裏寫動態生成的 </style>

嘗試去掉style 中 scoped屬性後，問題解決

有兄弟在sf中這樣解釋