Vuetify 徽章未显示 - 在编译代码中注释掉

Question

所以我尝试从 vuetify 实现 this example for a v-badge，但它根本没有显示在 DOM 中：

<v-badge bordered color="error" icon="mdi-lock" overlap>
    <v-btn class="white--text" color="error" depressed>
        Lock Account
    </v-btn>
</v-badge>

然后我将 vuetify 网站上的工作示例的源代码与我的示例的编译源代码进行了比较：

vuetify 网站上的工作示例：

在我的 vue 实例中不起作用的示例：

请注意缺少v-badge__wrapper 跨度。取而代之的是一个空评论：<!---->

知道为什么吗？以及如何解决这个问题？

Answer 1

可能是 vuetify 版本问题，请升级您的 vuetify 版本。我也通过升级解决了它。