vue.js - Nuxt + Vuetify + VueDraggable - 可拖动标签 Prop ，v-row，在开发服务器中工作，但在构建/运行生产后不能

Question

我正在使用 Vuetify buildModule setup 构建 Nuxt 应用程序并想打几个v-col可通过 VueDraggable 排序(在我的例子中，我构建并添加了一个超小的 Nuxt 插件，它从 VueDraggable 的默认导出中绑定(bind)了一个全局 draggable 组件)。 v-col s 应该用 v-row 包裹起来，所以我使用 draggable tag="v-row" 的组件.这在运行开发服务器时效果很好(在我的情况下是 nuxt-ts，因为我使用的是带有 typescript 支持的 Nuxt)，但在生产模式下构建和运行时会失败。
为了说明这个问题，这里有一些关于正在发生的事情的信息。我的来源如下(即我使用 Pug):

在开发模式下，我的 v-row 在 Vuetify 的 DOM 中正确呈现:

但是在生产模式下构建和运行时，可拖动组件实际上会呈现 v-row作为 DOM 标签，而不是通过 Vuetify 进行渲染/解析:

有没有人知道如何确定根本原因以及如何在这里解决它？我现在可能会解决这个问题，但想知道这是否是 Nuxt 错误，或者是否有人以任何其他方式解决了这个问题。

Answer 1

刚遇到这个问题，原来你需要注册VRow全局组件:

import { VRow } from 'vuetify/lib';

Vue.component("v-row", VRow)

在您的 main.js