vue3 deep 写法问题

2022-03-29 17:01:24 +08:00
 PEax

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) {}

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

1421 次点击
所在节点    前端开发
4 条回复
gadfly3173
2022-03-29 17:06:03 +08:00
给他们的父级加:deep()就行了
mxT52CRuqR6o5
2022-03-29 17:09:59 +08:00
把::v-deep { }改成:deep { }试试
codeisjobs
2022-03-29 17:17:32 +08:00
/deep/.classname {} 这样就行
xingyuc
2022-03-29 21:59:57 +08:00

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/843664

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX