vue携带参数跳转页面

方法一 path,query() 这个方法地址栏会出现参数,不太安全

传递页面:
vue携带参数跳转页面_第1张图片

item是获取到的所有的数据,将数据赋值给变量。this.$router.push是跳转的意思。path放要跳转地址(具体可以去看index.js),query里面放参数名和要携带的参数。参数名(UserId,UserPhone,Price)要在data里面定义。注意:path要与query一起用。
接收页面:
vue携带参数跳转页面_第2张图片

方法二 name,params 地址栏没有参数,比较安全

传递页面:
vue携带参数跳转页面_第3张图片

使用与上面类似

接收页面:
vue携带参数跳转页面_第4张图片

注意:我之前出现过,name和query一起用的情况。一直传递不过去,所以注意name一定与params一起使用。path与query一起使用。

这是我写的第一篇博客,主要是为了记录自己刚刚毕业工作时出现的问题,以免再犯 ,也容易后期复习。写的不好的地方,大家也多多提醒哦!也很希望可以认识一些大佬。

你可能感兴趣的:(javascript,vue)