vue项目swiper5在低版本的安卓手机白屏的兼容性问题

原創 D_2016 2020-06-27 13:35

情景：使用swiper做一个可滑动的卡片，因看到官网最新的为swiper5，所以直接用了最新版本

问题：一般手机没问题，安卓6.0一下打开页面白屏，报错Unexpected token...

方法：使用低版本的swiper4实现了效果，解决了兼容性问题

备注：在之后的一个需求中发现，解决方法不止这一种，详细的请看 在vue中使用swiper遇到的问题

發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

部分计划

一.app組件封裝 1.各個模塊主頁面tab+swiper的形式(配合下拉下拉) mescroll-uni，使得各個模塊交互相對統一。（陳海霄）   2.部分按鈕操作 loading，如提交操作等。（陳海霄） 3.卡片外層容器組件。car

原創 2023-05-04 10:56:43

transpileDependencies无效怎么办

在使用vue時，node_modules裏面的文件不會經過babel再編譯一遍，所有有些庫裏使用了const之類的es6屬性，而且這些庫在打包的是也沒有考慮兼容ie，比如常用的swiper。所以最後導致項目在ie中會報錯。 在網上查了一番

dragon_tech 2022-04-30 09:55:49

vue中 vue-awesome-swiper的使用

在頁面開發中，經常會碰到需要輪播，滑動等需求，特別是多元素滑動，此時，要麼自己寫，要麼網上找輪子，不過自己寫，其實還是有點難度的，一般就是網上找寫好的庫，本文就是針對vue-awesome-swiper的 其實這個庫很早了，就叫swipe

osc_0ij3yxc4 2021-12-25 21:15:38

Flutter学习指南App, 一起来玩Flutter吧~

Flutter是谷歌的移動UI框架，可以快速在iOS、Android、Web和PC上構建高質量的原生用戶界面。Flutter可以與現有的代碼一起工作。在全世界，Flutter正在被越來越多的開發者和組織使用，並且Flutter是完全免費

原創 2021-03-22 21:30:19

【新春福利】送你一份前端小白学习指南，附赠源码及面试资料

做前端的，薪資真的那麼高嗎？ 我們用數據瞭解一下。 (數據來自：職友集） 從表中可以看出，有94.7%的前端工程師月薪可達到10k，將近30%的人能夠達到20k-30k，更優秀的工程師月薪可達到30-50k。 再來看看近幾年

尹吉歡 2021-02-18 21:31:44

快速实现上滑加载更多

實現方式 在智能小程序的開發過程中，經常會遇到頁面列表數量較多的情況，此時可以通過【分頁】加載數據，並監聽頁面滑動到底部時觸發【上滑加載更多】，從而增加頁面首屏渲染速度。 想要實現這種分頁展示數據，上滑加載更多的效果，主要有以下幾種方式：

原創 2021-01-30 10:47:40

使用three.js实现3D轮播效果

1、前言 需求驅動技術研究：最近項目上要求3d效果居多，輪播效果我們以前一般用swiper就能實現，但是這次界面要求頗高，不得不研究一下three.js 2、學習歷程 1、找相關技術博客，未找到符合的 2、琢磨官網，花時間看了看官方文檔

osc_bsw3vcsc 2021-01-30 10:39:41

小程序swiper 小圆点自定义

/* 設置點點的層級 ,可以調整小點的位置*/ .swiper .wx-swiper-dots.wx-swiper-dots-horizontal { position: absolute; top: 250rpx; /

西虹市炒番茄丶 2021-01-30 10:29:08

flutter开发中遇到的问题总结

文章目錄 flutter Error: Could not resolve the package ‘characters‘ in ‘package:characters/characters.dart‘. 背景： 解決過程：

osc_bodzcw38 2021-01-30 09:54:29

微信小程序安装与相关知识点信息

微信小程序工具安裝與相關知識點信息 安裝鏈接 安裝過程 小程序界面介紹 相關知識點信息 安裝鏈接 鏈接：https://pan.baidu.com/s/1AGJvTpqLWd3WQx86xPTY4A 提取碼：zcpy

osc_71qxolcv 2021-01-30 09:41:37

10 个用纯 Javascript 实现的好用插件

10 個用純 Javascript 實現的好用插件 瘋狂的技術宅 前端先鋒 </>介紹 現代 JavaScript 框架使構建複雜的 Web 應用變得非常容易。Vanilla JavaScript 指的是純 Javascript 代

osc_7ie26pzn 2021-01-30 09:30:02

Swiper5 在移动端嵌套垂直滚动,内层开启freeMode 后 上下滑动时出现页面抖动问题

解決方案 關閉freeModeMomentumBounce var mySwiper = new Swiper('.swiper-container',{ freeMode : true, freeModeMomentumBou

CloudJay_喵喵喵 2020-07-08 02:17:36

react+swiper

首先引入，我這裏使用是5.3.0 npm i [email protected] --save 然後在組件頭部引入 import Swiper from 'swiper'; import 'swiper/css/swiper.css';

浪天林 2020-07-08 01:41:46

Python 编程语言的核心是什么？

雲棲號資訊：【點擊查看更多行業資訊】在這裏您可以找到不同行業的第一手的上雲資訊，還在等什麼，快來！ 爲什麼要問這個問題？ 我想要用Python實現WebAssembly，這並不是什麼祕密。這不僅可以讓Python進入瀏覽器，而且由於iOS

雲棲號資訊小編 2020-07-14 12:10:53

不同浏览器私有属性

根據不同廠商的瀏覽器設置私有屬性前綴

单身不配吃饭 2020-07-08 02:25:14