(vue2.0)vue-awesome-swiper(v3.1.3)的进阶篇：调到指定页（非initialSlide）

基础篇:(vue2.0)vue-awesome-swiper(v3.1.3)的初级使用使用场景:点击图片触发弹窗,在弹窗里使用swiper轮播,而且弹窗展开式要调到对应的图片上写在前面：研究了半天initialSlide参数设置不了动态参数（数据的赋值在DOM形成之前）使用swiper的Methods方法做的watch: {showIndx(n){this....

AlexKain

4516人浏览 · 2019-02-15 12:41:26

AlexKain · 2019-02-15 12:41:26 发布

基础篇:(vue2.0)vue-awesome-swiper(v3.1.3)的初级使用

使用场景:点击图片触发弹窗,在弹窗里使用swiper轮播,而且弹窗展开式要调到对应的图片上

写在前面：研究了半天initialSlide参数设置不了动态参数（数据的赋值在DOM形成之前）
使用swiper的Methods方法做的

watch: {
    showIndx(n){
      this.$nextTick(function () {
        this.$refs.mySwiper.swiper.slideTo(n, 1000, true)
      })
    },
  }

大功告成啦 ?

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}$/, //不连续的两位字母// /^