微信小程序页面跳转时传参数

来源:互联网 发布:s7200plc通讯端口设置 编辑:程序博客网 时间:2024/06/05 23:50

1、pagejump.wxml:

<view class="page">

       <button type="default" bindtap="onBtnClick">跳转到新页面</button>

   </view>

2、pagejump.js

Page({
  data: {
    lastval: {},
    showBtn: false,
  },
  onLoad: function (options) {
    // 生命周期函数--监听页面加载
    var that = this;
    console.log('onLoad is invoked');
    console.log(options);
    that.setData({
      lastval: options.val,
     
    })
  },
  onBtnClick: function () {
    var that = this;
    console.log('onBtnClick');
    wx.navigateTo({
      url: '../home/home?tp=2&index=hello bright&showBtn=false',
      success: function (res) {
        // success
        console.log('onBtnClick success() res:');
      },
      fail: function () {
        // fail
        console.log('onBtnClick fail() !!!');
      },
      complete: function () {
        console.log('onBtnClick complete() !!!');
        // complete
      }
    })
  }
})

3、home.wxml:

<view class="test">新页面新页面tp=={{tp}}</view>
<view class="test">新页面新页面showBtn=={{showBtn}}</view>
<view class="test">新页面新页面index=={{index}}</view>

4、home.js:

Page({
  data: {
    tp:'',
    showBtn: '',
    index:'',
  },
  onLoad: function (options) {
    // 生命周期函数--监听页面加载
    var that = this;
    console.log('onLoad is invoked');
    that.setData({
      tp: options.tp,
      index: options.index,
      showBtn: (options.showBtn == "true" ? true : false),
    });
    console.log("tp="+tp);
  }
})





原创粉丝点击