css - 不推荐使用 Vue 3::v-deep 作为组合器。使用::v-deep() 代替

Question

我开始在 Vue 3 中收到以下警告 ::v-deep用法。

::v-deep usage as a combinator has been deprecated. Use ::v-deep(<inner-selector>) instead

CSS 如下所示:

.parent ::v-deep .child {
   ...
}

使用建议选项的正确方法是什么 ::v-deep(<inner-selector>) ?

Answer 1

相关的 RFC 在这里:
https://github.com/vuejs/rfcs/blob/master/active-rfcs/0023-scoped-styles-changes.md
我相信您需要将其更改为:

.parent ::v-deep(.child) {