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

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

解决有两种方法:

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

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

css 复制代码
.imgbox >>> img{
    width:"100%"
  }
相关推荐
袁煦丞12 分钟前
SimpleMindMap私有部署团队脑力风暴:cpolar内网穿透实验室第401个成功挑战
前端·程序员·远程工作
li理18 分钟前
鸿蒙 Next 布局开发实战:6 大核心布局组件全解析
前端
EndingCoder20 分钟前
React 19 与 Next.js:利用最新 React 功能
前端·javascript·后端·react.js·前端框架·全栈·next.js
li理22 分钟前
鸿蒙 Next 布局大师课:从像素级控制到多端适配的实战指南
前端
前端赵哈哈26 分钟前
Vite 图片压缩的 4 种有效方法
前端·vue.js·vite
Nicholas6833 分钟前
flutter滚动视图之ScrollView源码解析(五)
前端
电商API大数据接口开发Cris34 分钟前
Go 语言并发采集淘宝商品数据:利用 API 实现高性能抓取
前端·数据挖掘·api
风中凌乱的L40 分钟前
vue 一键打包上传
前端·javascript·vue.js
GHOME43 分钟前
Vue2与Vue3响应式原理对比
前端·vue.js·面试
张元清1 小时前
useMergedRefs: 组件封装必不可少的自定义Hook
前端·javascript·面试