vue-carousel 无法读取未定义的属性“forEach”答案

【问题标题】：vue-carousel Cannot read property 'forEach' of undefinedvue-carousel 无法读取未定义的属性“forEach”
【发布时间】：2020-01-06 16:07:48
【问题描述】：

我正在使用 yarn 安装 vue-carousel 并添加模板代码复制的表单文档。然后有一个错误说无法读取未定义的属性'forEach'。

vue 组件

<carousel>
    <slide>
        Slide 1 Content
    </slide>
    <slide>
         Slide 2 Content
    </slide>
</carousel>

plugins/main.js

import Vue from 'vue';
import Carousel3d from 'vue-carousel-3d';
import VueCarousel from 'vue-carousel';

Vue.use(VueCarousel);
Vue.use(Carousel3d);

nuxt.config.js

/*
  ** Plugins to load before mounting the App
  */
  plugins: [
    {src:'~/plugins/main.js',ssr:false}
  ],

【问题讨论】：

根据 vue-carousel-3d 的文档，您应该使用 <carousel-3d> 作为标签而不是 <carousel>。另外，您是否将轮播和幻灯片都注册为组件？
我同意@Jbluehdorn - 你的标签看起来不像是指任何东西
我已经使用了 vue-carousel-3d 和 vue-carousel.vue-carousel-3d 组件工作正常，错误来自 vue-carousel。 vue-carousel documentation

【解决方案1】：

您是否尝试过将 Vue Carousel 本地导入到您的组件中？

import { Carousel, Slide } from 'vue-carousel';
export default {
  ...
  components: {
    Carousel,
    Slide
  }
  ...
};

【讨论】：