微信小程序事件bindtap实现页面跳转

index.wxml通过bindtap="getUrl"设置一个名为getUrl事件

      
        
            
        
        
          
            标题
          
          
            近日，周迅工作室晒出了一组周迅出席时尚活动的照片
          
                
      
  

index.js 获取点击的参数实现url跳转

getUrl: function (e) {
    // var id = e.currentTarget.dataset.id;//获取到绑定的数据
    //跳转传值
    wx.navigateTo({
      // url: '/pages/show/show?id=' + id,
      url: '/pages/show/show',
    })
  },

场景二点击跳转页面实现：

show.wxml

首页 
新闻  
关于我们   

show.js

data: {
    menuTagCurrent: '1',
    res:{}
  },
  urlfun: function (e){
    var myurl = e.target.dataset.url;
    var current = e.currentTarget.dataset.current;//获取到绑定的数据
    //改变menuTapCurrent的值为当前选中的menu所绑定的数据
    this.setData({
      menuTapCurrent: current
    });
    wx.switchTab({
      url: myurl,
      success: function () {
        console.log('跳转到news页面成功')
      },
      fail: function () {
        console.log('跳转到news页面失败');
      }
    })
  },