::v-deep usage as a combinator has been deprecated. Use :deep(＜inner-selector＞)警告解决

最新推荐文章于 2024-08-12 14:56:31 发布

木斯佳

最新推荐文章于 2024-08-12 14:56:31 发布

阅读量2.7w

点赞数 17

分类专栏：前端报错信息处理文章标签： vue

本文链接：https://blog.csdn.net/weixin_50077637/article/details/120175827

版权

3 篇文章 0 订阅

订阅专栏

在Vue3.0中，使用Sass预处理器时遇到关于::v-deep的警告，提示该用法已被废弃。正确做法是将`::v-deep .demo`替换为`:deep(.demo)`。这个更改解决了深度选择器的警告问题，确保了代码遵循最新的单文件组件规范。

摘要由CSDN通过智能技术生成

问题描述：vue3.0使用sass预处理器使用::v-deep深度选择器抛出如下警告

[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep(<inner-selector>) instead.

原因新的vue3.0 单文件规范::v-deep写法已经被废弃了
修改成如下写法，不要加空格

//报错
<style lang="scss" scoped>
  ::v-deep .demo{
    background: yellow;
  }
</style>

//正确
<style lang="scss" scoped>
  :deep(.demo){
    background: yellow;
  }
</style>

警告解决

关注

专栏目录