v-html解析的标签怎么改样式

最新推荐文章于 2024-01-18 10:32:14 发布

bingduYu

最新推荐文章于 2024-01-18 10:32:14 发布

阅读量680

点赞数 1

分类专栏： vue学习

本文链接：https://blog.csdn.net/Yugoup/article/details/96990167

版权

vue学习专栏收录该内容

14 篇文章 0 订阅

订阅专栏

代码备忘录

scoped要去掉，否则类样式不会生效

scoped属性是私有属性，只对当前组件生效，而v-html绑定渲染出的内容可以理解为是子组件的内容

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

<script>
export default {
  data () {
    return {
      stem:'<div class="stem_1"><div class="stem_2">数据</div></div>',
    }
  },
}
</script>

<style>
.stem_1{
  width:auto;
  height:auto;
  border:1px solid red;
  padding:20px;
}
.stem_2{
  width:100px;
  height:100px;
}
</style>