vue用编程式路由传递对象,目标页拿到数据后刷新页面后回退参数会丢失

时间:2024-05-19 18:42:49

原因:

vue路由传递参数如果用params传递参数,那么页面刷新就会丢失数据,可以改用query来传递参数,这样刷新就不会丢失.
如果传递的是对象,注意要把对象转为字符串,否则刷新就会变为undefined了.
另外,二者还有点区别,直白的来说query相当于get请求,页面跳转的时候,可以在地址栏看到请求参数,而params相当于post请求,参数不会再地址栏中显示.

解决办法:

  1. 传递页:把传递的对象县转化为字符串
    vue用编程式路由传递对象,目标页拿到数据后刷新页面后回退参数会丢失
    2.目标页:目标页接收参数并把字符串转化为对象
    vue用编程式路由传递对象,目标页拿到数据后刷新页面后回退参数会丢失
    3.路由页:路径后面绑定数据
    vue用编程式路由传递对象,目标页拿到数据后刷新页面后回退参数会丢失