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

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

解决有两种方法:

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

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

css 复制代码
.imgbox >>> img{
    width:"100%"
  }
相关推荐
search721 小时前
前端设计:CRG 3--CDC error
前端
治金的blog21 小时前
vben-admin和vite,ant-design-vue的结合的联系
前端·vscode
利刃大大1 天前
【Vue】Vue2 和 Vue3 的区别
前端·javascript·vue.js
荔枝一杯酸牛奶1 天前
HTML 表单与表格布局实战:两个经典作业案例详解
前端·html
Charlie_lll1 天前
学习Three.js–纹理贴图(Texture)
前端·three.js
yuguo.im1 天前
我开源了一个 GrapesJS 插件
前端·javascript·开源·grapesjs
安且惜1 天前
带弹窗的页面--以表格形式展示
前端·javascript·vue.js
米奇妙妙wuu1 天前
css实现文字和边框同样的渐变色效果
css·html·css3
GISer_Jing1 天前
AI驱动营销:业务技术栈实战(From AIGC,待总结)
前端·人工智能·aigc·reactjs
GIS之路1 天前
GDAL 实现影像裁剪
前端·python·arcgis·信息可视化