Vue.Draggable纱线开发和纱线建立，开始之间不同的显示

Question

我正在使用nuxt v2.13.3，vue.js 2.6.11和Vuetify 2.3.4进行开发。 我在显示VueDraggable时遇到问题。 VueDraggable的版本是2.24.0。

此代码在yarn dev中的预览和纱线构建yarn start中的预览之间是不同的。 我想要纱线开发预览的设计 纱线结构，纱线起始位置的显示在单个垂直行中。 由于某种原因，在devtool中被破坏的那个有很大的利润。

<template>
  <v-layout>
    <v-container>
      <Draggable tag="v-row">
        <v-col v-for="i in 10" :key="i" cols="3" class="ma-0">
          <v-card>
            <v-card-title>
              {{ i }}
            </v-card-title>
          </v-card>
        </v-col>
      </Draggable>
    </v-container>
  </v-layout>
</template>
<script>
import Draggable from 'vuedraggable'
export default {
  components: { Draggable }
}
</script>

解决方案是什么？

对不起，自动翻译。