vue,vue swiper页面切换轮播图无法显示,报错:Uncaught TypeError: Cannot set property '$Lazyload' of undefined

speed: 500, //滑动速度:自动滑动开始到结束的時间(单位ms)

或者把初始化vue swiper页面切换的js放到动态加载图片的代码之后

根据main.js里的这三条语句的不同显示可以得出 问题就出在这三条语句上面!!!!

查看elementUI官网,发现这样一句话:

而官网引入的格式是这样的:

所以问题就出在实例对象不一致官网上的实例对象是vue/cli3.0版本创建的 Vue 对象而最新版本的vue/cli是4.5.6,创建的实例对象是createApp
实例对象不一致当然引入不进去了


2、***指定版本(***其他版本也可以,但是要能支持这样导入import Vue from ‘vue’)

3、重新创建项目重新***引入elementUI就可以了

这个方法亲测成功!!!!!!!!!!!我用嘚这种~~~~~~~~~~~~~


还有一种办法解决,经过评论指出

不用卸载Vue cli4.5.6在创建脚手架项目时选择Vue版本,选择2.x


我要回帖

更多关于 vue图片轮播 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信