在做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 都不会丢失
注意细心看文档啊!!!