[@vue/compiler-sfc] the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead.

最新推荐文章于 2023-07-06 11:13:10 发布
最新推荐文章于 2023-07-06 11:13:10 发布
阅读量7.9k 收藏 5
点赞数 2
分类专栏： element-plus 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51431448/article/details/123003864
版权

在Vue2中 我们经常使用 >>> 或 /deep/ 样式穿透 修改elementui里面的样式

但是Vue3中 弃用了 >>> 和 /deep/ 使用 :deep() 代替

 这是在 Vue3中使用 /deep/ 给出的警告

修改为如下就可以：

 

 

会说法语的猪
关注
  • 2
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
专栏目录
手动解决Cannot find module '@sentry/webpack-plugin'等问题
10-06
解决Cannot find module '@sentry/webpack-plugin'，Cannot find module '@sentry/browser'，Cannot find module '@sentry/cli'等问题。<br/> 下载后，解压后文件夹，放在vue项目的node_modules文件夹下，即可。
component-compiler-utils:用于编译Vue单个文件组件的较低级实用程序
05-02
@ vue / component-compiler-utils 用于编译Vue单个文件组件的较低级实用程序 该软件包包含较低级的实用程序，如果您正在为将Vue单个文件组件编译为JavaScript的捆绑器或模块系统编写插件/转换，则可以使用这些实用程序。 在版本15及更高版本中使用。 API的表面故意最小化-目标是在尽可能灵活的同时尽可能多地重用。 为什么vue-template-compiler具有peerDependency？ 由于此软件包更经常用作低级实用程序，因此在实际的Vue项目中，它通常是可传递的依赖项。 因此，在调用parse和compileTemplate方法时，更高级别的程序包（例如vue-loader ）有责任通过选项注入vue-template-compiler 。 不将其列为对等体依赖也允许工具作者使用非默认模板编译器而不是vue-template-com
vue3.0 深度选择器被弃用 the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead.
sxs7970的博客
09-16 779
在使用vue3.0的结婚element-plus的时候，修改element的一个组件样式的时候，报警告：the >>> and /deep/ combinators have been deprecated. Use :deep() instead. >>> 、/deep/、::v-deep 被弃用了，需要用:deep()来代替。 :deep(.el-scrollbar__view) { height: 100%; } ...
the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead.
心#动空间
11-10 2669
deep() instead
vue3中对于/deep/和::v-deep的警告信息处理
大香蕉的博客
12-23 6375
::v-deep usage as a combinator has been deprecated. Use :deep() instead. the >>> and /deep/ combinators have been deprecated. Use :deep() instead.
vue2⚠️警解决“::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead.问题
yahui_zhang的博客
08-11 2013
vue打包报错问题
and /deep/ combinators have been deprecated. Use :deep() instead.
qq_37962440的博客
02-21 6435
and /deep/ combinators have been deprecated. Use :deep() instead.
jiaminghi/data-view dataV for vite vue2 补丁 for npm/yarn
04-13
官网直接安装的不支持vite2/3+vue2的 主要修复： 1.build或者dev项目时不报错，兼容vite2/vite3，vue2； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm ...
jiaminghi/data-view dataV for vite2 vue3 windows补丁 for npm/yarn
03-20
官网直接安装的不支持vite2+vue3的 主要修复： 1.build或者dev项目时不报错，兼容vite2，vue3； 2.加入deep监听watch，直接在父组件中修改图表中的config参数即可完成图表中的数据变更。 yarn npm cnpm pnpm可通用...
Vue中通过<script></script>引入的Vue.js文件
04-28
<script src="./js/vue%20(1).js" type="text/javascript" charset="UTF-8"></script> src里面的内容根据自己的下载的Vue.js的文件位置决定的，我这里只是拿我自己做的举个例子。这个地方的vue.js是因为我下载了两次...
Nuxt - [@vue/compiler-sfc] the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead.
王佳斌
09-15 1372
vue.js nuxt.js [@vue/compiler-sfc] the >>> and /deep/ combinators have been deprecated. Use :deep() instead. 报错怎么解决方案弃用‘the >>> and /deep/ combinators have been depr…vue 中使用/deep/深度选择器,谷歌浏览器报出警告。进行样式穿透，修改组件库的样式。在 Vue 中，我们经常使用。使用目前最新的覆盖语法即可。
vue2对应的element ui使用的＞＞＞ 和 /deep/ 在vue3中被 :deep() 代替
怡暘
06-01 2168
背景： 与同事合作开发过程中发现同事又学了新技能对组件样式进行强制修改，但是他用的时候控制台报错了，原因就是将vue2上兼容的使用方式用在了vue3中。下面我们一起来看看吧 一、系统控制台警告信息： [@vue/compiler-sfc] the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead. 二、vue2和vue3中的使用情况概述： 在Vue2中 经常使用 >>> 或 /deep/ 样式穿透 修
Vue3使用:deep深度选择器的正确姿势，你写的为啥没效果？
07-06 1252
当你单独把这个deep放到style标签中，就会生效了：而且不能使用lang属性。总结就是要把:deep()单独一块放在style中，才会生效。翻译是>>>和/deep/已经被弃用，要用:deep()代替。在scss下的父元素里用:deep()语法。在父元素的class后加上:deep()
[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞)
qq_41956361的博客
11-17 7507
::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞)如何解决
Vue2 重新安装依赖后 @vue/compiler-sfc 编译报 ＞＞＞ and /deep/ 警告
黄河爱浪的博客-专注CSS,jQuery,uni-app领域
09-04 3014
最近突然项目冒出@vue/compiler-sfc 编译报 /deep/警告的问题，一顿对网上操作后，还是没能解决。也不去探究什么原因造成的吧(总之和 Vue 2.7 版本有关)，若按警告的提醒去一个个改显然是不能接受的，直接上解决方案。
vue 3 深入符 警告 不生效 ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead.
weixin_45835771的博客
08-26 3285
vue3 深入符 警告 不生效
[@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(<inner-selector>)选择器。这个报错可能会在一些手写的组件或者一些第三方组件库中出现，比如antdv。尽管这个报错不会影响项目的运行，但是在控制台中显示出来可能会让人感到不舒服。所以，为了避免这个报错，建议使用:deep(<inner-selector>)选择器来替代::v-deep选择器。 #### 引用[.reference_title] - *1* [[@vue/compiler-sfc] the ＞＞＞ and /deep/ combinators have been deprecated. Use :deep() instead.](https://blog.csdn.net/qq_68155756/article/details/128896890)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [vue2报错“::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞) instead....](https://blog.csdn.net/renovateF5/article/details/126096733)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *3* [[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞...](https://blog.csdn.net/qq_41956361/article/details/127908664)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

会说法语的猪

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值