vue this.$router.push query传递对象方法

最新推荐文章于 2024-07-17 11:30:02 发布

alokka

最新推荐文章于 2024-07-17 11:30:02 发布

阅读量3.1k

点赞数

分类专栏： VUE 文章标签： vue

本文链接：https://blog.csdn.net/alokka/article/details/120272082

版权

VUE 专栏收录该内容

37 篇文章 10 订阅

订阅专栏

本文介绍如何在 Vue.js 应用中使用 `$router.push` 方法传递参数到 `/home` 路由，并通过 `JSON.stringify` 和 `JSON.parse` 解析查询参数。示例代码展示了如何将 `name` 和 `age` 参数添加到查询字符串，并在目标页面中获取并赋值给组件的属性。

摘要由CSDN通过智能技术生成

this.$router.push({
    path: '/home',
    query: {
        params: JSON.stringify({ name: 'lokka', age: 18 })
    }
});

let params = JSON.parse(this.$route.query.params)
this.name = params.name; 
this.age = params.age;

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

alokka

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
vue this.$router.push query传递对象方法

this.$router.push({ path: '/home', query: { params: JSON.stringify({ name: 'lokka', age: 18 }) }});let params = JSON.parse(this.$route.query.params)this.name = params.name; this.age = params.age;
复制链接

扫一扫