v-deep

vue less/sass 样式穿透

的时候，一直用/deep/的，一直都没有bug，但最近的项目用的是scss/sass,那么问题就出来了，在scss/sass下用/deep/居然会报错，但是没有效果经过查找资料，找到了解决方法，就是用::v-deep
·2022-12-14 14:42

scss中使用/deep/深度选择器报错的解决办法

错误代码：/*这种写法就会报错*//*原因：>>>是深度选择器，可以作用到子组件中的样式，/deep/和::v-deep都是>>>的别名，在scss中不识
小李在进阶·2022-12-02 21:24

vue中使用/deep/失效的解决方法

/deep/，如果/deep/无效，则使用::v-deep.box/deep/el.dialog{}或.box::v-deepel.dialog{}3.如果使用了css预处理器，使用/deep/和::v-deep
·2022-11-23 04:20

关于vue的elementUI和vue3的element-plus的el-dialog的样式以及el-table中的tooltip的样式修改(个人见解)

中的样式，比如对话框的头部样式el-dialog__header和底部样式el-dialog__footer修改，可以在当前页面中的style的scoped属性下，只要使用:deep或者>>>或者::v-deep
春天里的水稻·2022-10-13 03:30

Vue 重置 Element UI 组件默认样式

参考资料:巧用:is()或:where()伪类让scoped的style依然全局匹配vue深度作用选择器＞＞＞、/deep/、::v-deep目录一.
fengyehongWorld·2022-09-26 07:10

vscode中使用/deep/报错解决方案

第一种就是在网上所说的用外层用div来包裹/deep/效果也可以实现第二种就是可以使用::v-deep也可以实现效果如下：
Nanchen_42·2022-08-13 13:04

vue实现列表展示示例详解

和dayjs库一.ISO86011.Date对象=>ISO字符串2.ISO字符串=>Date对象JS操作时间的库-dayjs安装使用JSON.parse的返回值没有类型Vue的CSS之deep语法::v-deep
·2022-08-12 18:17

vue2升级vue3指南（二）—— 语法warning&error篇

本文总结了vue2升级vue3可能会遇到的语法警告和错误，如果想知道怎样升级，可以查看我的上一篇文章：vue2升级vue3指南（一）——环境准备和构建篇Warning1、deep/deep/和::v-deep
silencetea·2022-07-25 14:00

样式穿透vue中的scoped详谈

目录前言scoped的使命与作用scoped的副作用样式穿透（::v-deep）总结前言我们平常在开发过程中特别是Vue技术栈的前端同学们，经常会用到一些UI组件库，特别是element-ui使用的频率是比较高的
·2022-07-15 18:03

Element 走马灯宽高自适应高度

border-radius:12px12px12px12px;overflow:hidden;:deep(.el-carousel__container){上面用了scoped所以要穿透样式,有的穿透是::v-deep
·2022-04-01 16:42

深度选择器-样式穿透

.*/}}如果是vue项目，vue-loader自己出了一个::v-deep，用来做样式穿透，而且::v-deep更保险并且编译速度更快.a{::v-d
大头--·2022-03-24 00:36

vue 样式穿透 >>>、/deep/ 、::v-deep 、:deep()应用场景注意事项

官方文档地址,更多关于ScopedCSS的内容在很多vue的组件库,如vant，elementUI，iview等都可能自定义一些样式文件项目中用到了elementui，如果使用预处理器scss,sass,less,修改样式可能修改不掉,而且这种需求出现的频率非常高。但如果去掉scoped话又会影响全局样式。当然我们知道可以使用样式穿透的方式操作那么究竟什么时候使用>>>什么时候使用/deep/和:
Prince_0716·2022-02-28 15:04

Vue element树形控件添加虚线详解

实现效果2.实现代码3.其他实现总结1.实现效果2.实现代码树形控件虚线的添加主要通过控制css来实现，并且在树形控件的缩进数只能为0，令class=“mytree”css的设置为以下代码，使用了::v-deep
·2021-11-23 16:52

Vue项目中常用的实用技巧汇总

进行多层级的数据和事件传递2.实现数据的双向绑定，方便维护数据使用.sync实现Prop的“双向绑定”使用model选项3.使用Mixins4.使用动态组件去懒加载组件5.在组件作用域内的CSS中使用::v-deep
·2021-11-02 14:52

了解 vue组件样式穿透 /deep/ ::v-deep ＞＞＞ 区别 ===

1.样式穿透>>>如果项目使用的是css原生样式,那么你可以直接使用>>>穿透修改但如果是sass/less的话可能无法识别，这时候需要使用/deep/和::v-deep选择器。.
屹洲城主·2021-10-25 22:33

修改Element-UI中el-radio或者el-checkbox的样式

::v-deep{.el-radio{//添加边框/*border:1pxsolidrgb(207,204,204);*///选中时边框的颜色/*&.is-checked{border:1pxsolid
男人宫·2021-09-29 09:01

修改elementUI中分页器的背景色"el-pagination"

elementUI中分页器设置background时的背景色默认是这样的：然后，我想改成当前选中项是绿色的，其他项是白色的，修改样式如下：::v-deep{.el-pagination.is-background.el-pagerli
老衲爱编程·2021-06-25 19:33

Js 学习笔记

组件透传$attrs包含了父组件传递的所有属性,通过v-bind可以将父组件所有属性绑定到子组件$listeners包含了父组件的事件，通过v-on可以将父组件所有事件映射到子组件Vue修改其他组件样式::v-deep
昔情空成往·2021-06-07 08:41

less深层改变element-ui的Pagination组件样式

::v-deep就拿我们分页器举例：我们先去找到改变哪个样式然后使用::v-deep深层改变样式，记得加上scoped,否则不生效。::v-deep{.el-pagination.is-ba
%程序羊%·2021-04-30 11:32

三大样式穿透

问题用到很多vue常用的组件库（element,vant,vuetify），虽然配好了样式但是还是需要更改其他的样式解决三大样式穿透>>>,::v-deep,/deep/在style经常用scoped属性实现组件的私有化
·2021-03-10 09:14

三大样式穿透

问题用到很多vue常用的组件库（element,vant,vuetify），虽然配好了样式但是还是需要更改其他的样式解决三大样式穿透>>>,::v-deep,/deep/在style经常用scoped属性实现组件的私有化
·2021-03-10 09:29

使用/deep/报错

解决方案：将/deep/改成::v-deep/deep/作为深度作用选择器，在开发中也是常常用到的，尤其在引用ui框架去改原生的样式颇多。
爱吃猫的鱼v.2·2021-01-27 10:27

你知道深度作用选择器>>> 或/deep/或::v-deep吗？

本帖分享歌曲：步履不停-陈鸿宇见多才能识广，如果在vue的项目中有看到>>>或/deep/或::v-deep，千万不要大惊小怪，那只是因为你孤陋寡闻而已，问主管，他也只会在心里暗自嘀咕你太无知了，哈哈哈哈
·2021-01-24 22:35

你知道深度作用选择器>>> 或/deep/或::v-deep吗？

本帖分享歌曲：步履不停-陈鸿宇见多才能识广，如果在vue的项目中有看到>>>或/deep/或::v-deep，千万不要大惊小怪，那只是因为你孤陋寡闻而已，问主管，他也只会在心里暗自嘀咕你太无知了，哈哈哈哈
·2021-01-24 22:35

vue中修改element-ui样式

1.给组件加上id或者class，然后添加一个style，不要加scoped（vue可以有多个style），在组件里直接修改2.利用深度::v-deep深度修改组建的样式，可以直接写在到scoped作用域的
Lval·2020-11-19 13:59

Vue的作用域样式scoped CSS和深度作用选择器>>>、/deep/、::v-deep的原理

不同于React和Angular，Vue使用的.vue文件是一个自定义的文件类型，用类HTML语法描述一个Vue组件。每个.vue文件包含三种类型的顶级语言块、和，分别用于包含组件的Html模板、JS实例定义和组件的样式；这使得Vue能轻松并正确无误地确定组件对应的样式规则；所以在样式隔离上，Vue可以使用不同于CSSModules规范的方案。本文主要讲解Vue的ScopedCSS和深度作用选择器
科研者·2020-11-03 19:16

Vue —— 深度选择器

外层>>>其他组件类名{样式}注意：有些Sass之类的预处理器无法正确解析>>>，可以用/deep/或::v-deep(>>>的别名)来代替。
不怕麻烦的鹿丸·2020-09-14 14:00

【CSS】Vue项目里，使用Less预处理器，控制台会有/deep/相关的警告

解决方法：如使用了Less之类的预处理器，可以用::v-deep代替/deep///生效.c-Object{&__element{&--is-disabled{::v-deepmark{background-color
Sparks67·2020-09-13 03:32

vant UI 和 element UI样式穿透方法

van-search/deep/.van-search__content{background:red;}2.失效的话使用::v-deep.van-search.van-search__content::v-deep
zeroyulong·2020-09-11 18:40

修改elementUI中分页器的背景色

elementUI中分页器设置background时的背景色默认是这样的：然后，我想改成当前选中项是绿色的，其他项是白色的，修改样式如下：::v-deep{.el-pagination.is-background.el-pagerli
尹东·2020-09-10 21:51

vantUI中修改NavBar 导航栏字体颜色

首先会在页面中，审查元素找到组件对应的标签去做修改，如果不能解决，那么就要使用深度选择器/deep/或::v-deep，实现对组件内部的样式修改1、引用navBar组件2、修改组件字体。
九零七·2020-08-24 17:22

Vue使用Element的下拉框Select一些样式的修改

一般在vue中更改Element的样式，都是深度更改样式，因此需要在样式外面套上::v-deep{}1、更改下拉框提示文字（placeholder）的的样式；一句话，一点点样式就搞定了。
静沐静好·2020-08-22 15:18

【前端小技巧】记录开发中运用到的小技巧

可以使用>>>or/deep/，vue中还可以使用::v-deep。注意：1）在Sass等编辑器中，使用>>>可能会编译不了，因此可以使用后两者。
巴拉拉L·2020-08-22 14:45

vue项目修改样式不生效

vue或者react项目里经常需要修改import组件的样式，一般会使用/deep/>>>等方式但是在lang=“scss”情况下你会发现：这两种常用方法均无效，这种情况需要使用：::v-deep
想想ame会怎么做·2020-08-22 14:07

vantUI中修改NavBar 导航栏字体颜色

首先会在页面中，审查元素找到组件对应的标签去做修改，如果不能解决，那么就要使用深度选择器/deep/或::v-deep，实现对组件内部的样式修改1、引用navBar组件2、修改组件字体。
九零七·2020-08-21 02:48

(神奇的 ::v-deep):vue+elementUI中elementUI的默认样式修改的问题

.right-tabbox-newnotice/deep/.el-tabs__nav-wrap::after{position:static!important;}或者.right-tabbox-newnotice>>>.el-tabs__nav-wrap::after{position:static!important;}/deep/.el-tabs__nav-wrap::after和>>>.e
༺༂鑫༒海༂༻·2020-08-19 03:20

vue v-html 富文本图片溢出

一、如图：可以看出富文本图片已经溢出屏幕二、解决方法：使用::v-deep{}深度处理图片exportdefault{name:"MeetingDetailIntro",props:{meet:{type
LiuDanyang丶·2020-08-18 01:16

vue覆盖elementui样式

新语法.search::v-deep{display:flex;.van-search{width:90%;}}//使用了scss或者less.ebvdia/deep/{margin-top:-5vh;
银角大王__·2020-08-06 16:13

在vue项目中修改elementUI的组件样式

.*/}使用/deep/或::v-deep操作符.a{/deep/.b{···}}.a{::v-deep.b{···}}产生原因当‘style’标签有scoped属性时，它的CSS只作用于当前组件中的元素
农药啊·2020-08-04 06:17

【dart-sass】/deep/、>>>的问题

使用::v-deep即可参考资料https://github.com/dart-lang/angular/issues/454G:\test\vue-cli-dart-scss\node_modules
[不玩了]任先阳·2020-07-08 00:20

SassError: expected selector报错 ::v-deep 替换 /deep/

今天打开项目npmrundev，发现出现了报错信息如下：ERRORFailedtocompilewith1errors20:27:22errorin./src/nzk/components/themeEditor/layout/components/LeftPane.vue?vue&type=style&index=0&id=6985d748&lang=scss&scoped=true&Modul
echo忘川·2020-07-05 06:55

如何修改 Element-UI input 标签的高度

有些像Sass之类的预处理器无法正确解析>>>，这种情况下你可以使用/deep/或::v-deep操作符取而代之——
sani_x·2020-06-25 12:47

vue 样式穿透 尖括号3、/deep/ 、::v-deep 应用场景注意事项

官方文档地址,更多关于ScopedCSS的内容在很多vue的组件库,如vant，elementUI，iview等都可能自定义一些样式文件项目中用到了elementui，如果使用预处理器scss,sass,less,修改样式可能修改不掉,而且这种需求出现的频率非常高。但如果去掉scoped话又会影响全局样式。当然我们知道可以使用样式穿透的方式操作那么究竟什么时候使用>>>什么时候使用/deep/和:
June.1·2020-06-23 11:26

vue样式穿透 ::v-deep的具体使用

百度之后发现可以用/deep/或::v-deep来解决***（不过在vue3.0的环境下，使用/deep/时，编译会报错）***。没想到官方文档中其实早
·2020-06-22 08:04

Vue材料清单

文档里没有列出的组件el-scrollbar，默认有水平滚动条，可通过设置.el-scrollbar__wrap的overflow-x:hidden隐藏，这里可能需要使用到深度选择器/deep/，>>>，::v-deep
Yet_Barclay·2020-04-07 16:01

nuxt、vue 中使用 scss 做预编译 /deep/ expected selector 报错解决办法

important;}/deep/报错经过各种查找之后，终于在vue-loader官网看到这样一句话：vue-loader于是我尝试用::v-deep替换/deep/，成功解决了问题。:
MaramLee·2020-03-04 21:00

vue中style scope深度访问新方式(::v-deep)

此时我们可以使用第三种方式3、::v-deep切记不能都是双冒号.a{::v-deep.b{/*...*/}}下面
寒水寺一禅·2020-01-15 01:47
上一页 1 2 3 4 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他