【vue项目中 query和 params传参刷新后数据消失问题】

query传参的解决方案

发现可以渲染;但是一刷新就变成了[object object]

就是需要通过 JSON.stringify 转换成字符串
传：

 //   点击进行跳转
    tar(i){
        this.$router.push({path:'test-xq',query:{val:JSON.stringify(i)}})
    }

取：
之后在通过 JSON.parse 再转换回来

 created() {
    this.val = JSON.parse(this.$route.query.val);
    console.log(this.val);
  },

params传参的解决方案

发现可以渲染;但是一刷新就变成了[object object]

传：

 //   点击进行跳转
    tar(id){
        this.$router.push({name:'test-xq',params:{user:id}})
    }

取：

this.$route.params.user

需要在router.中修改

routes: [
    {
      path: '/list/:user',
      name: 'list'
    }
]