vue 路由刷新页面路由传参丢失的问题

vue 路由刷新页面路由传参丢失的问题_第1张图片

 问题:正常情况下 通过router传参,传递对象或者数组时,F5刷新页面,参数会变成[object object]的格式,导致数据失效

 解决方法

1.在路由跳转前,参数使用JSON.stringify 转化成字符串对象

      const param = JSON.stringify(e)
      this.$router.push({ path: '/PlanInDetail', query: { detail: param } })

2.路由跳转到对应页,获取路由参数时,使用JSON.parse将JSON 字符串转换为对象。


  mounted() {
    this.$route.query.detail = JSON.parse(this.$route.query.detail)
  },

 

你可能感兴趣的:(Vue学习)