Vue.js Nuxt动态组件导入

我正在尝试在nuxt中导入我的动态组件。 以下错误是我的问题：

预期组件元素具有“v-bind:is”属性

模板

<template>
  <v-tabs v-model="selectedTab" background-color="grey darken-2" dark>
   <v-tabs-slider />

  <v-tab v-for="tab in tabs" :key="tab.title" :href="`#tab-${tab.title}`">
    {{ $t(tab.title) }}
  </v-tab>

  <v-tab-item
    v-for="tab in tabs"
    :key="tab.title"
    :value="`tab-${tab.title}`"
    :transition="false"
    :reverse-transition="false"
  >
    <component :is="componentInstance(tab.component)" />
  </v-tab-item>
 </v-tabs>
</template>

---

这不起作用，因为webpack不知道它拆分的块。我见过使用计算属性的示例。我的方法有什么不同？@PatelPratik我看不出我的代码有什么不同，除了他使用的是计算道具。

methods: {
  componentInstance(component) {
    return () => import(`~/components/tabs/${component}`)
  }
}