微信小程序学习中问题（1）

本文链接：https://blog.csdn.net/xu2060/article/details/79904170

<swiper

catchtap="onSwiperTap" indicator-dots="true" autoplay="true" interval="5000">

<swiper-item > <image src="/images/wx.png" data-postId="3"></image> </swiper-item> <swiper-item> <image src="/images/vr.png" data-postId="4"></image> </swiper-item> <swiper-item> <image src="/images/iqiyi.png" data-postId="5"></image> </swiper-item> </swiper>

    onSwiperItemTap: function (event) {
        var postId = event.currentTarget.dataset.postid;
        wx.navigateTo({
            url: '/pages/posts/post-detail/post-detail?id=' + postId
        })
    },

    onSwiperTap: function(event) {
        var postId = event.target.dataset.postid;
        wx.navigateTo({
            url: '/pages/posts/post-detail/post-detail?id=' + postId
        })
    },

在微信小程序开发中，WXML文件中 image组件可以携带一个data-postId的属性，在js中可以可以通过event.target.dataset.postid来获取这里target指的是当前点击的组件，而currentTarget指的是事件捕获的组件。在这段代码中，由于data-postId在image组件中，所以必须用target来获取data-postId属性值。