vue2页面跳转带值传参

最新推荐文章于 2024-09-11 09:20:37 发布

CrazBarry

最新推荐文章于 2024-09-11 09:20:37 发布

阅读量1.1w

点赞数

分类专栏： vue-js 文章标签： vue

本文链接：https://blog.csdn.net/CrazBarry/article/details/76691874

版权

这篇博客介绍了在Vue2中如何进行页面跳转并传递参数，包括通过`$router.push`在路径中附加参数，如在列表页跳转到详情页时将数据ID拼接在URL中，以及在详情页使用`jQuery.getUrlValue`解析获取参数。同时，还展示了在其他情况下如何封装方法传递复杂数据，并在目标页面如何通过`$route.query`获取查询参数。

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

//列表页

toDetail: function(e) {

var self = this;

var autoID = $(e.currentTarget).attr('data-id');

self.$router.push({path:"/friend-detail?userid="+autoID);

// 对象
this.$router.push({
  path: '/login?url=' + this.$route.path});

// 命名的路由
router.push({ name: 'user', params: { userId: 123 }})

// 带查询参数，变成/backend/order?selected=2
this.$router.push({