我正在研究 Nuxt2,使用 Vuetify 作为我的 UI 库。这是我想要实现的目标:
<template>
<component :is="someCondition ? 'v-dialog':'v-card'">
Some Content
</component>
</template>
这在本地有效,但不适用于生产。在生产环境中,v-dialog 和 v-card 不会像往常一样显示。我在 GitHub 上阅读了this issue,我推断这可能不起作用,因为“v-dialog”和“v-card”没有正确注册。所以我将代码更改为:
<template>
<component :is="someCondition ? 'v-dialog':'v-card'">
<v-dialog v-if="false">
<v-card v-if="false">
Some Content
</component>
</template>
然而,这也没有用。我现在不确定如何才能完成这项工作。将不胜感激任何帮助。谢谢