您的位置:首页 > 移动开发 > 微信开发

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

2017-07-17 17:53 507 查看
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);

  }

})
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: