v-html里面的标签设置样式没有用怎么办？

_当时只道是寻常2024-10-12 7:01

v-html里面的标签设置样式没有用是因为style里面设置了scoped，html绑定渲染出的内容可以理解为是子组件的内容，子组件不会被加上对应的属性，所以不会应用css

解决有两种方法：

1.一种是把scoped属性去掉就行了

2.另外一种方法利用vue的深度作用选择器，要为v-html渲染出中的标签添加CSS样式，我们需要在写样式的时候添加>>>就可以搞定了

css 复制代码

.imgbox >>> img{
    width："100%"
  }