查看: 1517|回复: 3
打印 上一主题 下一主题

急急急!vue+swiper4中点击slide跳转

[复制链接]

该用户从未签到

1

主题

2

帖子

8

积分

新手上路

Rank: 1

积分
8
跳转到指定楼层
楼主
发表于 2019-8-22 16:28:17 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式
在vue中,swiper使用循环,直接绑定最后一个slide点击事件失效
使用on click监听点击拿到realIndex再执行点击事件

但是点击navigation也会触发on click

有没有只在点击slide里面图片才触发执行的方法

on: {
        click: function() {
          console.log(this.realIndex);
        }
      }




分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
收藏收藏 分享分享 分享淘帖
回复

使用道具 举报

  • TA的每日心情
    奋斗
    2019-7-22 15:58
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    3

    帖子

    30

    积分

    新手上路

    Rank: 1

    积分
    30
    推荐
    发表于 2019-8-23 15:08:58 | 只看该作者
    1. on: {
    2.     click: function(e) {
    3.         console.log(e.target, '可以获取当前被点击的元素,可以给当前元素加一个独特的className来判断')
    4.     }
    5. }
    复制代码
    回复 支持 1 反对 0

    使用道具 举报

  • TA的每日心情
    开心
    2019-8-29 11:33
  • 签到天数: 2 天

    [LV.1]初来乍到

    0

    主题

    9

    帖子

    42

    积分

    新手上路

    Rank: 1

    积分
    42
    板凳
    发表于 2019-8-29 11:34:29 | 只看该作者
    适当放松的方式
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    1

    主题

    2

    帖子

    8

    积分

    新手上路

    Rank: 1

    积分
    8
    地板
     楼主| 发表于 2019-8-29 17:50:53 | 只看该作者

    的确是一个解决方案,多谢分享
    回复 支持 反对

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-5-7 10:25 , Processed in 0.071225 second(s), 27 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表