小程序页面跳转传参简单实现方法

刚刚入门小程序，对于小程序页面跳转传参踩过一些坑，看CSDN的方法却发现传参过程中值一直丢失，参数值都是 undefined，摸索之后终于解决了这个问题，其实也不复杂，下面介绍一下跳转传参的简单实现。

Tip：本文主要介绍的是 wx.navigateTo 的传参过程。

一、wxml 页面

  在wxml页面写好触发事件，例如 bindtap 等:

   <view class='lookDt' bindtap='jumbtodetail'>
     <image src='/images/icon/packback.png'></image>
     <view class='look_text'>查看详情</view>
   </view>

二、本页面的JS

  1、将需要携带的参数写在data里面：

 data: {
      updateLoadShow:false,
      currentTab:0,
  },

  2、写好跳转函数，携带参数一起传：

jumbtodetail:function(e){
        wx.navigateTo({
            url: '/pages/pagename/pagename?currentab='+this.data.currentTab,
            success: function(res) {},
            fail: function(res) {},
            complete: function(res) {},
        })
    },
    

三、跳转到的页面JS

在跳转到的页面的JS里面的 onLoad 接收参数

    onLoad: function (options) {
        var that = this;
        if (options.currentab === '1'){
            this.setData({
                word: "word",
                statusWord: "true",
            })
        }
    },

打开控制台，显示如下，传参成功。

以上就是用 wx.navigateTo 传递参数的简单方法，有问题可以下方评论留言！