Vue.js中v-html渲染的dom添加scoped的样式的方法介绍

本篇文章给大家带来的内容是关于Vue.js中v-html渲染的dom添加scoped的样式的方法介绍，有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。

在vue.js中，要将一段字符串渲染成html，可以使用v-html指令。

但是 官方文档 中的v-html部分也提醒了

除了官方文档给的方案以外，有一个更简便的方式：深度作用选择器

示例

<div v-html="contentView"></div>

<style scoped>
.product-content {
    ...
    /deep/ h4 {
      color: #333;
      ...
    }
  }
</style>

登录后复制

【相关推荐：JavaScript视频教程】

以上就是Vue.js中v-html渲染的dom添加scoped的样式的方法介绍的详细内容，更多请关注Work网其它相关文章！