码迷,mamicode.com
首页 > 其他好文 > 详细

vue通过路由传值及在页面刷新后如何保存值

时间:2020-02-01 12:49:17      阅读:421      评论:0      收藏:0      [点我收藏+]

标签:name   数据   ima   一个   通过   不同   传递   显示   页面   

1、普通的路由跳转

方式一:通过routerLinkTo方式,转为a标签的跳转,to里面相当于a标签的href路径
如下:
技术图片
方式二:通过this.$router.push方式:
如下:
技术图片

2、带参数的路由跳转

通过动态参数:通过这种方式传递的参数在刷新后不会消失,但会显示在url路径上
router设置如下:
技术图片
跳转方式:
技术图片
接收路由参数方式:
技术图片
通过params和query等方式:query和path为一个组合,params和name为一个组合,不同之处在于query方式会显示在url上,而params不会
发送:
技术图片
接收:
技术图片

3、页面接收参数后刷新,如何保存路由参数

一、通过query和动态参数之类的在url上显示的在页面刷新后,参数不会消失
二、通过session和localstorage等方式存储数据参数

vue通过路由传值及在页面刷新后如何保存值

标签:name   数据   ima   一个   通过   不同   传递   显示   页面   

原文地址:https://www.cnblogs.com/Zxq-zn/p/12244006.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!