swiper 组件 error: Maximum call stack size exceeded

报错信息: error: Maximum call stack size exceeded

<template>
  <div class="header-swiper">
      <swiper ref="mySwiper" :options="swiperOption">
          <swiper-slide v-for='item in swiperList' :key='item.id'>
            <img :src="item.imgUrl"/>
          </swiper-slide>
          <!-- 分页器 -->
        <div class="swiper-pagination" slot="pagination"></div>
    </swiper>
  </div>
</template>
<script type="text/javascript">
export default {
  props:["swiperList"],
  name:"swiper",
  data(){
    return {
      swiperOption:{
        //  设置分页器
          pagination: {
            el: '.swiper-pagination',
          },
          // 循环
          loop: true
        }
      }
  }
}
</script>

原因：

这种问题的出现是因为name使用了swiper，而插件名字也叫swiper，由于name与swiper插件重名了，所以报了这个错误。

解决方法：

修改name名字，比如homeSwiper即可

人生正是因为有了伤痛，才会在伤痛的刺激下变得清醒起来;

人生正是因为有了苦难，才会在苦难的磨练下变得坚强起来。