Parámetros de enrutamiento del subprograma WeChat

Parámetros de enrutamiento del subprograma WeChat

En el applet de WeChat, los datos se pueden pasar a la página de destino a través de parámetros de enrutamiento. Aquí hay una forma común:

En la página de origen, utilice wx.navigateToel wx.redirectTométodo o para saltar a la página de destino y pasar datos a través de parámetros de URL. Ejemplo:

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

En la función onLoadde ciclo de vida , optionslos parámetros pasados ​​se pueden obtener a través del parámetro. Ejemplo:

onLoad: function(options) {
    
    
  const param1 = options.param1;
  const param2 = options.param2;
  console.log(param1); // 输出: value1
  console.log(param2); // 输出: value2
}

Los datos se pueden pasar entre páginas agregando parámetros a la URL y obteniendo esos parámetros en onLoadfunciones .

Nota: si usa wx.redirectToel método para saltar a la página, la página de destino reemplazará a la página actual sin conservar la página original en la pila de páginas. Sin embargo, usar wx.navigateToel método para saltar empujará la página de destino a la pila de páginas y volverá a la página original cuando regrese. Elija el método de salto adecuado según sus necesidades específicas.

¿Qué pasa si el parámetro a pasar es un objeto?

Si el parámetro que se va a pasar es un objeto, los parámetros de enrutamiento se pueden pasar de las siguientes maneras en el applet de WeChat:

En la página de origen, use wx.navigateToel método o wx.redirectTopara saltar a la página de destino y convierta el parámetro del objeto en una forma de cadena para pasar. Ejemplo:

const objParam = {
    
     key1: 'value1', key2: 'value2' };
const encodedParam = encodeURIComponent(JSON.stringify(objParam));
wx.navigateTo({
    
    
  url: 'targetPage?param=' + encodedParam
});

En onLoadla función de ciclo de vida , optionsobtenga los parámetros pasados ​​a través del parámetro y analice el parámetro de cadena en un formulario de objeto. Ejemplo:

onLoad: function(options) {
    
    
  const encodedParam = options.param;
  const decodedParam = JSON.parse(decodeURIComponent(encodedParam));
  console.log(decodedParam.key1); // 输出: value1
  console.log(decodedParam.key2); // 输出: value2
}

En el ejemplo anterior, primero usamos JSON.stringify()el método a una forma de cadena y encodeURIComponent()codificarlo a través de . En onLoadla función , primero usamos decodeURIComponent()para decodificar y luego usamos JSON.parse()el método para analizar la cadena en un objeto para obtener el objeto de parámetro original.

Tenga en cuenta que en el uso real, para parámetros de objetos complejos, es necesario asegurarse de que el objeto se pueda convertir correctamente en una forma de cadena y analizar y procesar correctamente en la página de destino.