Con respecto al problema de pérdida de datos y pantalla blanca después de actualizar la página al pasar parámetros a través del enrutamiento durante el desarrollo

Generalmente pasa parámetros a través de la consulta

// 列表页
goDetail(row) { 
    this.$router.push({
        path: '/detail',
        query: {
            id: row.id
        }
    })
} 

// 详情页
this.$route.query.id

Nota: Los parámetros pasados ​​de esta manera se mostrarán después de la URL en la barra de direcciones  ?id=?, que es similar al paso de parámetros get; la consulta debe coincidir con la ruta para pasar los parámetros .

El parámetro pasado es un objeto o una matriz.

Otra situación es que si se pasa un objeto o una matriz a través de query , se convertirá a la fuerza en [objeto Objeto] en la barra de direcciones, y el valor del objeto no se podrá obtener después de actualizar.

En este momento, los parámetros que se pasarán se pueden convertir en cadenas a través de  métodos y luego  convertirse en objetos JSON.stringify() en la página de detalles  .JSON.parse()

let parObj = JSON.stringify(obj) 
this.$router.push({
    path: '/detail',
    query: { 
        'obj': parObj
    }
}) 

// 详情页
JSON.parse(this.$route.query.obj)

Supongo que te gusta

Origin blog.csdn.net/qq_59020839/article/details/131830723
Recomendado
Clasificación