微信小程序携参跳转页面

微信小程序携参跳转页面

前页面

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

  <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)
  },

好了,这是最简单的。

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

时间: 2024-11-05 22:01:11

微信小程序携参跳转页面的相关文章

微信小程序 从含有tabbar的页面跳转到不含有tabbar的页面

如何离开含有tabbar的页面 在微信小程序开发过程中,我们会碰到从某页跳转到一个含有tabbar的页面的需求, 用 wx.navigateTo({url: '...',})  不起作用,需要使用 wx.switchTab({url: '...',}) 来实现. 那么,我们反过来,如何从含有tabbar的页面跳转到一个不含有/隐藏了tabbar的页面呢? 在尝试了上述的两个API后发现不起作用,wx.switchTab({url: '...',}) 倒是可以在有tabbar的页面之间跳转,但无法

微信小程序开发--路由切换,页面重定向

这段时间开发了一个微信小程序,虽然小程序的导航API 官方文档写得很详细,但是在具体开发过程中还是会遇到很多不明白,或者一时转不过弯的地方. 1.页面切换传参,参数读取 1.1  wx.navigateTo(Object) 功能:保留当前页面,跳转到应用内的某个页面,但是不能跳到 tabbar 页面.使用 wx.navigateBack 可以返回到当前页面. wx.navigateTo({ //当前页面对应的JS文件内 控制模板 url: 'test?id=1' //需要切换到的页面路劲,此处为

微信小程序 (全局配置和页面配置)

全局配置 app.json 文件用来对微信小程序进行全局配置. 一.配置页面路径 二.window 配置全局默认的窗口 navigationBarTextStyle:导航栏的标题颜色 navigationBarTitleText:导航栏的文字 navigationBarBackgroundColor:导航栏的背景颜色: backgroundColor:窗口的背景色 三.tabar 导航条 color:HexColor 必填 导航条的默认颜色selectedColor:HexColor 必填 文字

微信小程序 POST传值跳坑

1.post请求 wx.request(OBJECT) wx.request 发起的是 HTTPS 请求.一个微信小程序,同时只能有5个网络请求连接. 官网上描述 参数名 类型 必填 说明 url String 是 开发者服务器接口地址 data Object.String 否 请求的参数 header Object 否 设置请求的 header , header 中不能设置 Referer method String 否 默认为 GET,有效值:OPTIONS, GET, HEAD, POST

h5页面与微信小程序之间的跳转、传参

h5跳小程序: <script src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script> 原帖链接: https://blog.csdn.net/mytljp/article/details/81902305 原文地址:https://www.cnblogs.com/chenmoumou/p/10538645.html

微信小程序返回箭头跳转到指定页面

onUnload: function () { wx.reLaunch({ url: '../me/order-detail', }) },//这里url搞相对路径 原文地址:https://www.cnblogs.com/ll15888/p/11630705.html

微信小程序在当前页面设置其他页面的数据

如果其他页面用到的数据是 globalData, 那么直接在当前页面修改 globalData 数据即可. 如果其他页面用到的数据是 storage, 那么直接在当前页面修改 storage 数据即可. 场景:(由 A 页面跳转到 B 页面) 在 B 页面完成某些操作后跳转(或返回)到 A 页面,同时如果 B 页面中某个操作执行成功后需要改变 A 页面的某个值,如果没有操作成功,就不需要改变 A 页面的值. 使用 wx.navgateBack // B 页面完成某个操作后 if( res.cod

微信小程序 - 组件传值给调用页面

演示如下(可以ctrl+鼠标放大或者下载GIF图片) 1. 先组件定义事件“checkbox”(组件内事件) 2. 调用页面调用它需要加bind:事件名 = 调用页面事件名(bind即绑定调用组件“onCheckbox”,) 3. 通过 this.triggerEvent('onCheckbox', value); 来绑定事件进行传值 4. 通过调用页面onCheckbox打印组件传输过来的值e.detail 原文地址:https://www.cnblogs.com/cisum/p/103246

微信小程序开发 如何退出当前页面

默认是在首页 wx.navigateBack({ delta: -1 }); 详情参考. https://mp.weixin.qq.com/debug/wxadoc/dev/api/ui-navigate.html#wxrelaunchobject wx.navigateBack(OBJECT) 原文地址:https://www.cnblogs.com/MainActivity/p/8594942.html