不知道这里的问题是什么,应该像安装、导入和使用一样简单!
我有一个基本组件,这会导入另一个包含 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 )
有谁遇到过这个!?有最后期限,我需要使用它!