Nuxt动态组件导入

Question

我正在尝试在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>

方法

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