vue3.0 深度选择器＞＞＞和 /deep/ 和 ::v-deep 被弃用

最新推荐文章于 2024-12-09 09:52:51 发布

wudunkai

最新推荐文章于 2024-12-09 09:52:51 发布

阅读量2.5k

点赞数 4

分类专栏： vue 文章标签： vue.js css css3

本文链接：https://blog.csdn.net/wudunkai/article/details/118552153

版权

vue 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

//警告例子
<style lang="scss" scoped>
/deep/ .main{
	height: 520px;
}
>>> .main{
	height: 520px;
}
::v-deep .main {
	height: 520px;
}
</style>
 
 
//正确例子
<style lang="scss" scoped>
:deep(.main){
	height: 520px;
}
</style>

>>> 和 **/deep/**在vue3中使用直接报错。
[@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep() instead.
::v-deep会警告组合符的用法已被弃用，改为:deep()