一、目的：點選輪播圖，進入到相對應的介面

二、方法：

      方法（1）每個image元件上，繫結一個函式。壞處：如果輪播圖很多，每個元件都繫結會很麻煩

      方法（2）使用冒泡事件來觸發，在父級元件<swiper>上進行事件繫結

三、具體實現

     事件機制：點選<image>-------->由於事件冒泡機制，傳遞到了<swiper-item>------>再傳遞到<swiper>

  onSwiperTap:function(event){
    //currentTarget：事件捕獲的元件
    //target：當前點選的元件
    var postId = event.target.dataset.postid;
    wx.navigateTo({
      url: '../post-detail/post-detail?id='+postId,
    })
  }
 

  其中，對於currentTarget、target的區別具體到上面程式碼例項中則是:

  currentTarget：事件捕獲元件<swiper>，target：當前點選元件<image>

  而postid放在了<image>上，所以上面程式碼中用target；