我想將樣式添加到v-html. 我嘗試了幾種解決方案,但沒有任何功能:(這是我的代碼:模板 :<div class="para" v-html="value" />腳本 :export default { data () { return { value : "<h2> TITLE </h2> <p> PARA </p>" } },}風格 :.para >>> h2 { color: blue;}.para >>> p { color: red;}提前致謝 !
2 回答

倚天杖
TA貢獻1828條經驗 獲得超3個贊
2023 使用 Vue 3 + Vite 編輯:現在,當您嘗試使用上述解決方案時,您將收到此警告:
[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.
所以,用這個代替
:deep(.para > h2) {
color: blue;
}
:deep(.para > p) {
color: red;
}
- 2 回答
- 0 關注
- 236 瀏覽
添加回答
舉報
0/150
提交
取消