当前位置: 首页 > Web前端 > CSS

Vue.js中v-html渲染的dom添加了scoped样式

时间:2023-03-31 12:44:35 CSS

在vue.js中,要将字符串渲染成html,可以使用v-html命令。但是官方文档中的v-html部分也提示,在单文件组件中,作用域样式不会应用在v-html内部,因为那部分HTML没有经过Vue的模板编译器处理。如果您希望为v-html内容设置作用域CSS,您可以替换CSS模块或使用额外的全局上面的代码会被编译成:.a[data-v-f3f3eg9].b{/*...*/一些像Sass这样的预处理器不能正确解析>>>。在这种情况下,您可以改用/deep/运算符-它是>>>的别名,同样有效。如果dart-sass使用dart-sass,你应该使用::v-deep作为深度选择器https://github.com/vuejs/comp...示例

.product-content{.../deep/h4{颜色:#333;...}}参考https://cn.vuejs.org/v2/api/#...https://vue-loader-v14.vuejs....https://segmentfault.com/q/10...https://blog.csdn.net/zgh0711...https://blog.csdn.net/qq_3957...