微信小程序页面间值传递的两种方法

微信小程序是一种轻量级的应用程序，它允许开发者创建具有独立功能的页面。在小程序中，有时需要在不同的页面之间传递数据。下面将介绍两种常用的方法来实现微信小程序页面间值传递。

方法一：通过URL参数传递值

这种方法适用于需要在页面跳转时传递少量数据的情况。具体步骤如下：

1. 在源页面中，使用wx.navigateTo或wx.redirectTo方法跳转到目标页面，并在URL中添加参数。例如：

wx.navigateTo({
  url: '/pages/targetPage/targetPage?param1=value1&param2=value2'
})

1. 在目标页面的onLoad生命周期函数中，可以通过options参数获取传递的参数。例如：

onLoad: function(options) {
  var param1 = options.param1;
  var param2 = options.param2;
  // 使用传递的参数进行后续操作
}

这样，源页面就可以将参数传递给目标页面，并在目标页面中获取和使用这些参数。

方法二：使用全局变量传递值

这种方法适用于需要在多个页面之间传递数据的情况。具体步骤如下：

1. 在app.js文件中定义一个全局变量，并在需要传递数据的页面中引入该文件。例如，在app.js中定义一个全局变量app.globalData：

App({
  globalData: {
    data1: '',
    data2: ''
  }
})

1. 在源页面中，将需要传递的数据赋值给全局变量。例如：

var app = getApp();
app.globalData.data1 = value1;
app.globalData.data2 = value2;

1. 在目标页面中，可以通过getApp().globalData获取全局变量，并使用其中的数据。例如：

var app = getApp();
var data1 = app.globalData.data1;
var data2 = app.globalData.data2;
// 使用全局变量中的数据进行后续操作

这样，源页面就可以将数据赋值给全局变量，目标页面可以通过全局变量获取和使用这些数据。

示例说明

示例一：通过URL参数传递值

假设有两个页面：sourcePage和targetPage。在sourcePage中有一个按钮，点击按钮后跳转到targetPage并传递一个参数name。

// sourcePage.js
wx.navigateTo({
  url: '/pages/targetPage/targetPage?name=John'
})

// targetPage.js
onLoad: function(options) {
  var name = options.name;
  console.log(name); // 输出：John
}

在这个示例中，通过URL参数传递了一个名为name的参数，目标页面targetPage通过options参数获取并使用了这个参数。

示例二：使用全局变量传递值

假设有两个页面：sourcePage和targetPage。在sourcePage中有一个输入框，用户输入后将数据传递给targetPage。

// sourcePage.js
var app = getApp();
app.globalData.data1 = 'Hello';
app.globalData.data2 = 'World';

// targetPage.js
var app = getApp();
var data1 = app.globalData.data1;
var data2 = app.globalData.data2;
console.log(data1 + ' ' + data2); // 输出：Hello World

在这个示例中，通过全局变量app.globalData传递了两个数据data1和data2，目标页面targetPage通过getApp().globalData获取并使用了这些数据。

以上就是微信小程序页面间值传递的两种方法的详细攻略。通过URL参数传递值适用于少量数据的传递，而使用全局变量传递值适用于多个页面之间的数据传递。根据具体需求选择合适的方法来实现页面间的值传递。