::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead.

最新推荐文章于 2024-08-25 21:30:00 发布
原创 最新推荐文章于 2024-08-25 21:30:00 发布 · 580 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue.js

本文介绍在Vue3中使用less预处理器时遇到的样式修改问题。当使用::v-deep深度选择器后，会收到警告提示该写法已被废弃。文章将指导如何调整语法以解决此问题。

在 vue3 中使用 less 预处理器，需要更改组件的样式，使用::v-deep深度选择器之后终端弹出警告

vue3 单文件规范::v-deep写法已经被废弃了 

更改下语法即可

 

::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞)警告解决
weixin_50077637的博客
09-08 2万+
问题描述：vue3.0使用sass预处理器使用::v-deep深度选择器抛出警告 <style lang="scss" scoped> ::v-deep .demo{ background: yellow; } </style> 原因新的vue3.0 单文件规范中sass预处理器::v-deep写法不推荐 修改成 如下写法 <style lang="scss" scoped> :deep(.demo){ background: yellow;
《Vue 警告》deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead of :d
前端技术
12-18 621
【代码】《Vue 警告》deep usage as a combinator has been deprecated. Use :deep() instead of :d。
【Vue】问题：::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞)
学无止境
10-10 5111
【Vue】问题：::v-deep usage as a combinator has been deprecated. Use :deep()
[@vue/compiler-sfc] the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead.
qq_68155756的博客
02-06 7260
[@vue/compiler-sfc] the >>> and /deep/ combinators have been deprecated. Use :deep() instead.[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep() instead.
解决：::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead 的警告问题
热门推荐
狮子座的男孩
08-07 2万+
语言，而在使用穿透语法时，报了警告而非报错，但看着有警告就想来解决这个警告问题;根据中文的显示信息可以知道，本警告的主要问题在于。作为组合器的用法废弃，要使用。
::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>. 这个提示是什么意思
最新发布
10-22
::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of ::v-deep <inner-selector>. ``` 是 **Vue 3（特别是使用 `<style scoped>` 时）中关于深度选择器语法变更的警告**...
[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.
07-27
\[@vue/compiler-sfc\] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead. 这个报错是因为在Vue 3中，::v-deep选择器作为组合器已经被弃用了，取而代之的是使用:deep(...
:deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead of :deep <inner-selector>.
06-28
将旧语法 `:deep <inner-selector>` 转换为新的 `:deep(<inner-selector>)` 格式。这适用于任何使用了 `:deep` 并且作为组合器（combinator）的情况。 #### 示例：Vue.js 中的转换 **旧语法（已弃用）：** ```vue ...
::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞)
flhhly的博客
04-10 2780
sass中样式穿透问题
vue3 ::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead.
lyna的博客
01-21 2000
在scss中代码报如下错误： 报错代码如下： ::v-deep .el-input { border: none; } 需修改为： :deep(.el-input) { border: none; }
vue2报错“::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead.“
renovateF5的博客
08-01 1万+
原因：vue和vue-template-compiler的版本号不对 解决方法：把vue和vue-template-compiler的版本号都改成同一个版本号。如果版本号是"vue": "^2.6.11",这种带有^的，把^去除。然后重新安装包就行了。
::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead of ::v-deep
活宝小娜的博客
08-12 772
：v-deep的用法已被弃用。使用：deep（）代替：：v-deep。
vue3版本升级出现的问题-CSS篇::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) in
简单Cere
08-25 1022
原先用的深度选择器 deep 是已经被遗弃的写法，最好用新的写法来代替。问题报错： v-deep usage as a combinator has been deprecated. Use :deep()所以改成新的语法重新启动就不会报错了。
（Vue2.x）::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead.
niepan990810的博客
07-29 2105
（Vue2.x）::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead.
Vue3报错 ::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead.
CY的博客
05-05 1145
问题描述：vue3.0使用sass预处理器使用::v-deep深度选择器抛出错误。原因新的vue3.0 单文件规范::v-deep写法已经被废弃了。
::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead.Vue3深度写法
weixin_50695881的博客
06-15 868
::v-deep usage as a combinator has been deprecated. Use :deep() instead.警告写法： 改成正确写法： 这样警告就消失了。
[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞)
qq_41956361的博客
11-17 7906
::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞)如何解决
::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead
02-11
### 替代已弃用的 `::v-deep` 使用 `:deep()` 的最佳实践 在 Vue 3 中，为了保持样式作用域的同时修改子组件内的样式，官方建议使用 `:deep()` 来代替已经被弃用的选择器 `/deep/` 和 `::v-deep`。 #### 使用场景...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值