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

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

解决有两种方法:

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

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

css 复制代码
.imgbox >>> img{
    width:"100%"
  }
相关推荐
JC_You_Know3 分钟前
边缘计算一:现代前端架构演进图谱 —— 从 SPA 到边缘渲染
前端·人工智能·边缘计算
DoraBigHead6 分钟前
深入 JavaScript 作用域机制:透视 V8 引擎背后的执行秘密
前端·javascript
Tu_Jipang7 分钟前
前端从零搭建企业级后台系统实战指南
前端
快起来别睡了8 分钟前
CSS定位的奥秘:从文档流到position,一文讲透前端布局核心!
前端·css·程序员
菥菥爱嘻嘻11 分钟前
React---Hooks深入
前端·javascript·react.js
只与明月听14 分钟前
前端学算法-二叉树(一)
前端·javascript·算法
快乐星球喂14 分钟前
使用vant长列表组件vant-list
前端
谢尔登22 分钟前
【React】使用 useContext + useReducer 实现一个轻量的状态管理库
前端·javascript·react.js
Bee.Bee.27 分钟前
vue3提供的hook和通常的函数有什么区别
前端·javascript·vue.js
元拓数智29 分钟前
企业级人员评价系统Web端重构实战:前端架构效能升级
前端·重构·架构