vue动态路由刷新页面参数丢失问题

vue

2019-03-12

181

0

例如我们在router.js中是这么写的

{

  path: '/detail/:id',

  component: Detail,

  name:'detail'

},

接下来进入详情页this.$router.push("/detail/111"),此时刷新页面就会发现/111神奇的消失了。一脸懵逼。。。。

查阅相关文档后,发现vue有两种传参方式:params和query,正确的传参姿势应该是这样:

params方式:

  

query方式:

通过上面对比可以发现,params是和name配合使用,而query是和path配合使用。

通过对比地址栏路由可以发现,params方式的路径和post方式传参类似,而query和get方式传参类似。

总结:一定要多看文档,了解原理,才能灵活使用。

 

发表评论

全部评论:0条

lmy233

努力工作学习生活的人呐~~

联系方式

神圣之子仅供学习交流
E-mail:limengyu233@163.com
github:https://github.com/lmy01