在做VUE项目的时候需要使用router-link进行参数传递，当时查看了下vue-router的api，看到有一个params的参数可以将参数传递过去，在下一个组件中使用this.$route.params获取：
<router-link :to="{name:'/pathRouter',params: {path: url}}"></router-link>
起初使用的时候，使用的是path:'/pathRouter'，如此写不能获取，后查询，发现需要使用name。
在后面调试的时候，当刷新页面后params中的数据就没有了，于是再次查看api，发现有query字段可替换，并完成需求：
<router-link :to="{name:'/pathRouter',query: {path: url}}"></router-link>
此方法相当于在url中拼写参数：
http://xxx.xxx.xxx/pathRouter?path=123 //这样无论你怎么刷新 path 都不会丢失
注意细心看文档啊！！！
在做VUE项目的时候需要使用router-link进行参数传递，当时查看了下vue-router的api，看到...
params传参(刷新页面后参数不消失，参数会在地址栏中显示) query传参(刷新后页面参数丢失) state传...
1. vue-router query 和 params 传参 params 传参: 总结： 用params传参只...
路由的传参 下载：npm install vue-router路由的传参：1.查询字符串：/user/regist...
1，路由的传参：案例： 2，axios下载：npm install vue-router路由的传参：1.查询字符串...
vue-router路由传参 例一：query传参 //给需要操作的标签添加点击事件 在methods(方法)里...
1、路由传参： params传参，刷新会被刷掉 query刷新不掉 storage最老实的办法 vuex也可 2、...
1. 动态路由传参 建议用这个，刷新不会丢 2 query传参 3. state传参
1.路由的传参 下载：npm install vue-router路由的传参：1.查询字符串：/user/regi...
一、params传参 刷新页面后参数不消失 参数会在地址栏显示 需要在Route中配置参数名称 1、params传...
本文标题：vue-router传参&刷新消失的问题
本文链接：https://www.haomeiwen.com/subject/auercftx.html
网友评论