位置: IT常识 - 正文

Vue3中样式渗透:deep()为什么无效(vue的样式穿透)

编辑:rootadmin
Vue3中样式渗透:deep()为什么无效

推荐整理分享Vue3中样式渗透:deep()为什么无效(vue的样式穿透),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vue scoped样式穿透,vue的样式穿透,vue的样式穿透,vue的样式穿透,vue样式scope,vue scoped样式穿透,vue scoped样式穿透,vue scoped样式穿透,内容如对您有帮助,希望把文章链接给更多的朋友!

今天学习 /deep/ 样式穿透,因为vue3中已经使用:deep()取代了/deep/ ,所以直接用:deep()练习。

:deep()的使用场景:

Vue3中样式渗透:deep()为什么无效(vue的样式穿透)

如果给当前组件的style 节点添加了scoped 属性,则当前组件的样式对其子组件是不生效的。如果想让某些样式对子组件生效,则需要使用:deep()。

我原本觉得这个没有难度,于是写了个案例来验证。然后问题出现了,:deep()定义的样式在子组件中不起作用。 我开始找错,把包括冒号、括号在内的语法格式等都检查了一遍,发现语法格式没有问题,控制台也不报错,但是:deep()格式的样式在子组件中就是无效。 幸好我这儿有一个:deep()格式起作用的范例,没办法,只好把两个文件中的父组件、子组件逐一比对,前后费了不少时间,终于找到了问题所在。

我在前面练习的时候,Vue2.X中要求元素必须在一个根节点中,Vue3.X无此要求,可以不在一个根节点中,所以为了验证这一点,我把外层的

删去了,果然不报错。

可是问题就出在这个根节点上,如果App.vue中没有这个根节点,那么:deep()不起作用,我把根节点加上,:deep()样式就生效了。 唉,感觉自己被这个根节点坑了一把。 1.父组件App.vue中代码

<style lang="less" scoped> :deep(.title3){ background-color:antiquewhite; }</style>

2.子组件中的代码

<template> <h3 class="title3">受父组件影响的内容</h3></template>

还有一点让我觉得新鲜,CSS中颜色的色块有两个。

本文链接地址:https://www.jiuchutong.com/zhishi/295264.html 转载请保留说明!

上一篇:Vue3 开发环境和生产环境打包配置(vue项目开发环境)

下一篇:React--》一些不常见的hook函数讲解(react.strictmode)

  • 属于原始凭证的有哪些
  • 图书计入什么费用
  • 应付债券到期偿还的会计处理
  • 分公司预缴企业所得税总公司可以抵扣吗
  • 抵扣白条账单是怎么回事
  • 股东投入款放入什么科目
  • 车险会计分录处理怎么写
  • 销售商品的会计分录现金折扣
  • 成品油进项税转出
  • 房地产计税毛利率什么意思
  • 被投资企业减资怎么做账
  • 餐饮店投资入股注意事项
  • 进项税发票不认证可以吗
  • 增值税进项发票网上勾选平台
  • 金蝶年结后发现错误怎么办
  • 公立医院规章制度
  • 出口加工区内企业可经营什么业务
  • 收到一张免税发票能抵税吗
  • 关于解决经费问题的请示
  • 出口货物国际运输流程图
  • 企业网银支持互联网专线
  • 应交税费在借方是进项还是销项
  • 上期金额为上年同期报表的本期金额
  • 企业股权融资方式有哪些
  • 非工资收入个人所得税税率
  • 结转到生产成本的科目
  • 申报高新企业的当年一定要研发费用加计扣除吗
  • 进项票少了怎么办
  • 工作流activity
  • phpstudy配置ftp服务器
  • 应付票据开出票据的会计分录
  • 装修费怎么记会计科目
  • 如何利用路由器登陆花生壳
  • vue默认首页
  • mksysb命令
  • bootstrap步骤
  • 本期销售的单位成本怎么算
  • 固定资产折旧需要减去减值准备吗
  • 消费税会计分录怎么做的
  • 工会经费计算公式的例子
  • 私对公开发票需要什么
  • 房地产预缴增值税计税依据
  • 经营活动现金流为正说明什么
  • 帝国cms升级到7.5后不能发布内容信息
  • MySQL主从数据库搭建
  • 织梦模板安装完整教程
  • 企业税收风险因素分析
  • 旅行社差额征税税率5%
  • 什么人适合单干
  • 保税区商品可以开发票吗
  • 已开票未收到款怎么做账
  • 库存商品转出
  • 纳税人及时提供信息
  • 经营租赁方式租入再转租的建筑物
  • 利息收入算什么
  • 固定资产入账要发票吗
  • 外贸公司出口退税进项发票没及时开票有影响吗
  • 研究费用怎么做账
  • 代收会计分录
  • 本月购进金额怎么算
  • 开外管证再省外能办理吗
  • 车辆报废手续是什么样的
  • 今年成立的公司需要申报残疾人保障金吗
  • 会计的几种折旧类型
  • 备查账一般采用什么账簿
  • win10快速操作怎么调出来
  • windows软件包2012能删吗
  • linux7修改ssh端口
  • 怎么关闭windows登录密码
  • 2016年首个国家安全教育日
  • vps可以安装虚拟机吗
  • win7系统自动弹出搜索框
  • 微信小程序商品列表代码
  • javascript中的document.write
  • django orm sqlalchemy
  • 配置命令提示符怎么打开
  • 获取控件的值
  • 学习jQuey中的return false
  • 国税发2014年39号
  • 注册会计师和注册审计师哪个厉害
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设