首页 前端知识 vue3使用less中:deep不生效

vue3使用less中:deep不生效

2024-06-17 09:06:12 前端知识 前端哥 689 789 我要收藏

vue3使用less中:deep不生效

  • 前言
  • 1、使用deep没有效果写在某个标签下的
  • 2、加scoped,:deep失效

前言

vue3 淘汰了 ::v-deep 要修改样式的类名 { 内容 }
vue3 采用 :deep(要修改样式的类名) { 内容 }
vue3对deep的官方讲解

1、使用deep没有效果写在某个标签下的

错误写法
在这里插入图片描述
正确写法
将deep单独放置并指定标签
在这里插入图片描述

2、加scoped,:deep失效

在 vue3 中,需要vue3的template里加上父标签,并在less中使用父标签包裹 要穿透的样式内容
在这里插入图片描述

错误写法
在这里插入图片描述
正确写法
在这里插入图片描述

转载请注明出处或者链接地址:https://www.qianduange.cn//article/12501.html
标签
less
评论
发布的文章

HTML5 新增元素

2024-06-22 10:06:20

【前端】HTML5基础

2024-06-22 10:06:36

大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!