动态生成的内容 即 通过 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的样式)