vue 路由传参 query

最新推荐文章于 2025-06-02 15:12:55 发布

我一定会解决的

最新推荐文章于 2025-06-02 15:12:55 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏：漫漫学习路--Vue 文章标签： vue.js 前端

本文链接：https://blog.csdn.net/ting0712/article/details/121232281

漫漫学习路--Vue 专栏收录该内容

6 篇文章

订阅专栏

这篇博客探讨了如何在Vue应用中通过`JSON.stringify`将对象转化为字符串，然后利用`this.$route.query`在路由间传递，并通过`JSON.parse`还原对象。主要涉及的编程概念包括Vue的路由参数、数据序列化与反序列化。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

传对象: JSON.stringify(_this.dataForm)

另一处接收对象: this.dataForm= JSON.parse(this.$route.query.dataForm);

 var _this = this
      let routeUrl = this.$router.resolve({ // 核心语句
        path: '/recordPreview', // 跳转的路径
        query: { // 路由传参时push和query搭配使用 ，作用时传递参数
          dataForm: JSON.stringify(_this.dataForm)  //
        }
      })