¿Cómo pasa uniapp la página de salto y pasa los parámetros del objeto?

En uni-app, se pueden usar los siguientes métodos para realizar saltos de página y pasar parámetros de objetos: 

1. Antes de saltar, convierta los parámetros de objetos que se pasarán en cadenas JSON, luego codifíquelos con encodeURIComponent y empalmé después de la url. 
// La ruta de la página que se redirigirá 
const url = '/pages/detail/detail'; 

// El parámetro del objeto que se pasará 
const obj = { 
  id: 123, 
  name: 'test' 
}; 

// Convertir el objeto parámetro a JSON String, y use encodeURIComponent para codificar 
const params = encodeURIComponent(JSON.stringify(obj)); 

// Saltar a la página y pasar los parámetros del objeto 
uni.navigateTo({ 
  url: `${url}?params=${ params}` 
} ); 


2. En la página redirigida, obtenga el parámetro de objeto pasado a través del evento `onLoad`, use decodeURIComponent para decodificar y luego conviértalo en un objeto. 

// detail.vue 
export default { 
  data() { 
    return { 
      obj: null 
    } 
  }, 
  onLoad(opciones) {
    // Obtener los parámetros del objeto pasado, usar decodeURIComponent para decodificarlos y convertirlos en objetos 
    if ('parámetros' en opciones) { 
      this.obj = JSON.parse(decodeURIComponent(options.params)); 
    } 
} } 
  Esto 
puede ser logrado en uni -La necesidad de saltar páginas y pasar parámetros de objetos en la aplicación.

Supongo que te gusta

Origin blog.csdn.net/weixin_60415789/article/details/130266300
Recomendado
Clasificación