vue-text-transition在next .js中不工作

Question

我试图在Nuxt.js中使用ve -text-transition。但是当我试图转换到Nuxt时，它停止工作了。

我认为主要的区别是，我使用const showTitle = ref(false)在nuext .js，因为我使用复合api。也许有些东西不再反应了?

工作演示(vue)黑暗https://codesandbox.io/s/headless-voice-h18hg?fontsize=14& hidenavigation = 1,主题=

不工作(下一个)https://codesandbox.io/s/vu-forked-0ddchs?file=/src/App.vue

Answer 1

我找到解决办法了。

只需将::v-deep添加到每个类中，例如:::v-deep .v--vtt-test，它开始工作。