vue & swiper——实时获取当前轮播索引并赋值到data实例中

实时获取当前轮播索引并赋值到data实例中实现功能实现思路实现代码实现功能swiper中，要想获取实时的当前索引，需要在实现思路实现代码

前端技术迷

4233人浏览 · 2020-12-30 18:58:25

前端技术迷 · 2020-12-30 18:58:25 发布

实时获取当前轮播索引并赋值到data实例中

实现功能
实现思路
实现代码

实现功能

swiper中，要想获取实时的当前索引，需要在onSlideChangeStart函数中获取，swiper参数中有realIndex是当前索引，把realIndex赋值给data中的currentIndex就行了

实现思路

在onSlideChangeStart函数中是获取不到data中的currentIndex的，所以要在data中把指向vue实例的this先赋值给变量_self，然后就可以在函数中获取到currentIndex，并进行赋值就可以了

实现代码

在这里插入图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^