vue-awesome-swiper使用中的一些问题
2024-10-22 04:22:18
项目中使用了vue-awesome-swiper,发现autoplay不能用。网上找了半天,说是版本问题。最后在main.js中添加以下代码解决。
import VueAwesomeSwiper from 'vue-awesome-swiper';
import 'swiper/swiper-bundle.min.css';
Vue.use(VueAwesomeSwiper);
import Swiper2, {Navigation, Pagination, EffectFade, Autoplay } from 'swiper';
Swiper2.use([Navigation, Pagination, EffectFade, Autoplay]);
另外,swiper中的循环项目过多,导致页面卡顿,解决办法是把swiper-slide改成swiper-item。
swiperOption中的slidesPerView需要设置,否则会导致swiper计算不准,出现swiper滚动到最后出现空白的现象。
在这里记录一个不是swiper的问题,a标签跳转打开链接的时候会在http标头中带上引荐来源信息到目标网站,目标网站如果判断有引荐来源可能会返回404页面,可以通过给a标签添加rel="noreferrer"属性解决。
最新文章
- [RT][NOIP2015]联合权值
- Java并发编程实例(synchronized)
- struts2标签
- 【LintCode】链表求和
- yum简单安装salt master与minion
- js javascript jquery区别和联系
- asp.net用url重写URLReWriter实现任意二级域名
- firemonkey中stringgrid属性大全
- AJAX三种返回值方式
- HTML之调用摄像头实现拍照和摄像功能
- ****Objective-C 中的方法的调用
- iOS开发 - 应用内打开第三方应用并传值
- 【转】Android学习系列–App离线下载功能实现
- Centos修改默认网卡名
- Java重定向和转发的路径问题
- 钉钉自定义机器人配合SVN钩子事件进行消息的推送实践
- docker daemon 配置文件
- linux下mysql区分大小写的内容
- 深度解析Java内存原型
- Log4J.xml配置详解
热门文章
- Jmeter 常用命令 之 CLI模式
- 生成brobuff
- c++中int转string
- 安全测试-WEB安全渗透测试基础知识(三)
- Flink1.11 解决 No ExecutorFactory found to execute the application
- python json表格化输出
- vue 分页显示 引用Element框架
- (已解决)为什么最新版本(v4.3.1)的bootstrap不能使用center-block?
- IO学习笔记7
- (0416) python正则 RE 【用python处理sv源文件-格式化代码】