vue3 deep 写法问题

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 968 天前的主题，其中的信息可能已经有所发展或是发生改变。

vue2 deep 可以只写一个，比如 ::v-deep { .a{} .b{} }

vue3 这样写报了警告 [@vue/compiler-sfc] ::v-deep usage as a combinator has been deprecated. Use :deep() instead.

意思就是需要写成 ::deep(.a) {} ::deep(.b) {}

但是现在我重新的样式比较多，有没有办法只写一个？

4 条回复 • 2022-03-29 21:59:57 +08:00

gadfly3173

2022-03-29 17:06:03 +08:00

给他们的父级加:deep()就行了

mxT52CRuqR6o5

2022-03-29 17:09:59 +08:00 via Android

把::v-deep { }改成:deep { }试试

codeisjobs

2022-03-29 17:17:32 +08:00 via Android

/deep/.classname {} 这样就行

xingyuc

2022-03-29 21:59:57 +08:00