mpvue里面怎么使用swiper.js

最近在用mpvue框架搭小程序,页面上有用到一些轮播图,微信小程序的swiper不太能满足条件,因此想引入第三方轮播图插件。
slick.js 这个是基于jquery的,jquery在微信小程序中好像不能用;
现在准备用swiper.js 不依赖jquery

按照网站安装方法如下:

npm install vue-awesome-swiper --save

import Vue from 'vue'
import VueAwesomeSwiper from 'vue-awesome-swiper'

微信小程序控制台抛错:

VM7630:1 thirdScriptError
sdk uncaught third Error
Cannot read property 'Swiper' of undefined
TypeError: Cannot read property 'Swiper' of undefined

at Object.e (http://127.0.0.1:50955/appservice/static/js/vendor.js:14746:23)
at t (http://127.0.0.1:50955/appservice/static/js/vendor.js:14663:97)
at Object.defineProperty.value (http://127.0.0.1:50955/appservice/static/js/vendor.js:14701:71)
at t (http://127.0.0.1:50955/appservice/static/js/vendor.js:14663:97)
at Object.defineProperty.value (http://127.0.0.1:50955/appservice/static/js/vendor.js:14714:17)
at t (http://127.0.0.1:50955/appservice/static/js/vendor.js:14663:97)
at t.exports (http://127.0.0.1:50955/appservice/static/js/vendor.js:14676:23)
at http://127.0.0.1:50955/appservice/static/js/vendor.js:14677:8
at n (http://127.0.0.1:50955/appservice/static/js/vendor.js:14659:31)
at Object._ (http://127.0.0.1:50955/appservice/static/js/vendor.js:14660:6) 

不知道今天怎么不能贴图了,只能把报错信息复制出来了。麻烦各位兄dei帮忙瞅瞅
阅读 4.7k
1 个回答

没有搞过,我建议放弃。

swiper 我用过,基本是基于 DOM 的;小程序我也用过,基本不开放 DOM 接口——因为它的目标是“准原生效果”,将来必定加入越来越多的原生内容。所以二者很难调和。这跟 Bluebird 之类的纯 JS 库不一样,后者只要运行时一致,不会出问题。

另外建议向上向 PM 沟通一下,小程序说好听点叫“不健全”,说难听的就是……想做到要什么有什么完全不可能,必须取舍。接下来你还会踩到更多的坑,提前做好降级准备吧。

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