微信小程序_页面跳转

• 【实现点击某个内容跳转到某个页面】

1. 在点击事件的标签里加上 bindtap="click_frac"（引号内内容自己定）

   2.再在对应的js里面加上相应函数

• 实例

        实现目标

     文件结构

      xtml代码段

<view class="mine_fraction" bindtap="click_frac">
    <view class="left">
      <image src="/static/sign/frac.png"class="sign"/>
      <view class="text">我的积分</view>
    </view>
    <image src="/static/sign/go_right.png"/>
  </view>

      js代码段

click_fraction: function() {
    wx.navigateTo({
      url: '/pages/mineInfo/mineInfo',
    })
  }

 

----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

 

• 【传参】

      xtml代码段

  <view class="mine_fraction" bindtap="click_frac" data-nid="111" data-name="fraction">
    <view class="left">
      <image src="/static/sign/frac.png"class="sign"/>
      <view class="text">我的积分</view>
    </view>
    <image src="/static/sign/go_right.png"/>
  </view>

      js代码段（注意！navigateTo只能跳转到非tabbar页面）

结果

如果想要获取id

var nid = e.currentTarget.dataset.nid;
console.log(nid);

 

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

• 【跳转界面并传参数】

跳转前页面的wxml：

跳转前页面的js

跳转到页面的js

结果：

------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------

• 【通过标签跳转】

*navigateTo只能跳转到非tabbar页面