我是靠谱客的博主 调皮蚂蚁,最近开发中收集的这篇文章主要介绍vue项目中如何传递参数,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

vue项目中,页面之间总是会需要传递参数,在这里我介绍两种传递参数的方法,直接上代码。

方法一:通过router,传递页面参数。

传递页面

this.$router.push({
name: "changeSign",
params: { sign: this.user.autograph }
});

接收参数页面

this.oldSign = this.$route.params.sign;

方法二:通过route,页面返回的时候,传递参数。

传递页面(transportationTransferList)

this.$route.params.user = ['111','222'];
this.$router.back();

接收页面

let previousRouterName = "";
let selectUser = [];
beforeRouteEnter(to, from, next) {
previousRouterName = from.name;
if (from.name === "transportationTransferList") {
selectUser = from.params.user;
}
next();
},

最后

以上就是调皮蚂蚁为你收集整理的vue项目中如何传递参数的全部内容,希望文章能够帮你解决vue项目中如何传递参数所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(57)

评论列表共有 0 条评论

立即
投稿
返回
顶部