微信小程序-页面传值

最新推荐文章于 2025-07-08 16:46:03 发布

原创

最新推荐文章于 2025-07-08 16:46:03 发布 · 559 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#传值

本文介绍了微信小程序中实现页面间传值的四种方法：1)通过WXML使用&符号链接传参；2)利用getApp获取栈中页面并设置数据；3)定义全局变量在app.js中使用；4)利用缓存存储和传递数据。详细说明了各种方法的适用场景和使用步骤。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.在.wxml页面

 <navigator wx:for="{
  
  {plateArray}}" wx:key='' url="{
  
  {item.PageUrl}}?typeId={
  
  {item.id}}" open-type='navigate'>

如果需要传多个参数, 用 & 链接即可；

在对应页面的onload方法内接受；

onLoad:function(options){
  this.setData({
    typeId:typeId
})
}

如果要传数组, 字典等复杂类型, 要先用 JSON.stringify() 转成字符串传递.

页面绑定方法，方法内部执行跳转操作，比如<view bindtap="navigeteEvent">跳转</view>

navigeteEvent:function(){

//下面的几种跳转....

}

/***保留当前页面，跳转到应用内的某个页面,跳转到非导航页面，用 wx.navigateTo 方法***/

wx.navigateTo({    
  url: '../person/goldcoin/index?id='+id 
 }) 

/****关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。****/
wx.redirectTo({
  url: 'test?id=1'
})

/***跳转到tabBar导航页面，用 wx.switchTab 方法***/
{
  "tabBar": {
    "list": [
      {
        "pagePath": "index",
        "text": "首页"
      },
      {