码迷,mamicode.com
首页 > 微信 > 详细

微信小程序携参跳转页面

时间:2020-03-23 11:18:44      阅读:105      评论:0      收藏:0      [点我收藏+]

标签:图片   image   ima   options   com   var   code   navigate   button   

微信小程序携参跳转页面

前页面

首先在前一个页面写一个按钮,点击按钮跳转到新的页面。

  <button bindtap="tiaozhuan">跳转到news</button>

技术图片

写一个方法,让他跳转到其他页面顺便带一个参数。

// 跳转页面
  tiaozhuan(){
    wx.navigateTo({
      url: ‘../news/news?id=wjw1014‘,
    })
  },

上边的代码是 在点击按钮的时候跳转到news页面,传进去一个参数id值是wjw1014。

新页面

接下来就是新页面的接收,开启前接受前页面传进的id值,也很简单。

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var postId = options.id;
    this.setData({
      msg : postId
    })
    console.log(postId)
  },

技术图片

好了,这是最简单的。

微信小程序携参跳转页面

标签:图片   image   ima   options   com   var   code   navigate   button   

原文地址:https://www.cnblogs.com/wjw1014/p/12550880.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!