0

不知道这里的问题是什么,应该像安装、导入和使用一样简单!

我有一个基本组件,这会导入另一个包含 Splider 的组件:

// Base.vue

<template>
    <div class="detailGallery">
        <div class="detailGalleryViewer">
            <keep-alive>
                <component v-bind:is="currentComponent" :vehicle-id="vehicleId"></component>
            </keep-alive>
        </div>
    </div>
</template>
<script>
export default {
    props: {
        vehicleId: {
            required: true,
            type: Number|String
        }
    },
    computed: {
        currentComponent() {
            return () => { component: import('./Gallery.vue') };
        }
    }
}
</script>
// Gallery.vue

<template>
  <div>Gallery</div>
</template>
<script>
import { Splide, SplideSlide } from '@splidejs/vue-splide';
export default {
  components: {
    Splide,
    SplideSlide,
  },
  props: {
    vehicleId: {
      required: true,
      type: Number | String,
    },
  }
};
</script>

在此处输入图像描述

如您所见,设置非常简单,但是我得到的只是以下错误:

Uncaught (in promise) TypeError: Object(...) is not a function at Module../node_modules/@splidejs/vue-splide/dist/js/vue-splide.esm.js (9b9e393020eef216bce4.js:2463:80 )

有谁遇到过这个!?有最后期限,我需要使用它!

4

0 回答 0