控制台报错Cannot read property 'removeEventListener' of undefined ?

新手上路,请多包涵

我刚开始写界面,用的是vue框架,还没有添加事件监听,只引用了一个Swiper插件,控制台报错

Error in nextTick: "TypeError: Cannot read property 'removeEventListener' of undefined"

Swiper代码如下:

<swiper :options="swiperOption" ref="mySwiper" @someSwiperEvent="callback"></swiper>

data () {
    return {
          swiperOption: {
            autoplay: false,
            //分页器
            pagination: {
                  el: '.swiper-pagination',
                  clickable :true,
            },
            // direction: 'vertical', // 垂直切换选项
            loop: true, // 循环模式选项
                                
            // 如果需要前进后退按钮
            navigation: {
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
                
            // 如果需要滚动条
            scrollbar: {
                el: '.swiper-scrollbar',
            },
        },
    }
},
methods: {
        callback () {

        },
    },
computed: {
        swiper() {
              return this.$refs.mySwiper.swiper
        }
    },
    

请大神指点一下怎么解决这个错误,多谢!

阅读 10k
3 个回答

这描述谁能看明白。不过按报错来看,就是调用removeEventListener的这个对象undefined,看你的代码里没有使用到removeEventListener,那应该就是swiper源码里的报错。
那应该看看swiper的使用方法,肯定有地方没注册或者传入之类的

新手上路,请多包涵

import VueAwesomeSwiper from "vue-awesome-swiper";

html里没有分页器【pagination】以及前进后退按钮【navigation】的话JS里就不要绑定、这样就解决了

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题