vue 踩坑记 scoped + v-html 不生效

动态生成的内容 即 通过 v-html 创建的 DOM 内容不受 scoped 样式影响。
这个时候可以用深度选择器来搞定它,参考链接https://vue-loader.vuejs.org/zh/guide/scoped-css.html

<style scoped>
.a >>> .b { /* ... */ }
</style>

如果用less的话用 /deep/

<style lang="less" scoped>
.a {
  /deep/ .b {
    /* ... */
  }
}
</style>

当然这个方案也适用于多个组件嵌套,某一个有特殊的样式需求(例如你要在scope时候修改iview的样式)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ## 框架和库的区别?> 框架(framework):一套完整的软件设计架构和**解决方案**。> > 库(lib...
    Rui_bdad阅读 3,018评论 1 4
  • 基于Vue的一些资料 内容 UI组件 开发框架 实用库 服务端 辅助工具 应用实例 Demo示例 element★...
    尝了又尝阅读 1,190评论 0 1
  • 本文基于工作项目开发,做的整理笔记因工作需要,项目框架由最初的Java/jsp模式,逐渐转移成node/expre...
    SeasonDe阅读 7,487评论 3 35
  • 第一章 Vue概述 what? Vue是实现UI层的渐进式js框架,核心库关注视图层,简单的ui构建,复杂的路由控...
    fastwe阅读 752评论 0 0
  • 一:什么是闭包?闭包的用处? (1)闭包就是能够读取其他函数内部变量的函数。在本质上,闭包就 是将函数内部和函数外...
    xuguibin阅读 9,777评论 1 52