vue项目浏览器打开vuedevtools之后，路由带参跳转之后，页面又跳转了一次，但是参数就没了

Question

当vue项目F12之后不点击启动vuedevtools就没问题，但是一点击这个vue调试工具之后，路由带参跳转之后，页面又跳转了一次相同地址的路由，但是参数就消失了。

Answer 1

vue-router的跳转传参方式分为 query 和 params俩种。

query传参数，相当于拼接在url后面，这种方式不会丢失参数，但是数据量大的话（比如传递对象），url就会变得太长而且不隐密。
params传参数，不在url中显示，但是刷新页面的时候无法避免丢失。

我也遇到过这种情况，后来是自己手动在拼上参数。

已参与了 SegmentFault 思否「问答」打卡，欢迎正在阅读的你也加入。