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

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

<view class="tab-con">
      <view class="newsinfo" bindtap="getUrl">
        <view class="newsimg">
            <image src="../../images/1.png" mode="widthFix"></image>
        </view>
        <view class="con">
          <view class="title">
            <text>标题</text>
          </view>
          <view class="intro">
            <rich-text>近日，周迅工作室晒出了一组周迅出席时尚活动的照片</rich-text>
          </view>
        </view>        
      </view>
  </view>

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

<view class="footer">
<text bindtap="urlfun" data-current="0" data-url="/pages/index/index">首页</text> 
<text bindtap="urlfun" data-current="1" data-url="/pages/news/news" style="color:#fff;background:#F8626E;">新闻</text>  
<text bindtap="urlfun" data-current="2" data-url="/pages/about/about" class='{{menuTapCurrent=="0"?"hover":""}}'>关于我们</text>   
</view>

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页面失败');
      }
    })
  },