vue3 + vue-router4:写法正确但接收不到params

背景:

同一份代码,在同事的环境跑时正确运行,但在本人的环境运行却接收不到传过来的参数

router.push({ name: 'PlayPage', params: {vid: 123} })

原因:

vue-router 在4.1.4版本有一个更新:删除了未使用的params

可查看node_modules/vue-roter/package.json中的版本是否大于4.1.4,如果不是该问题可以忽略。

解决方案:

版本回退:
1、在package.json里,将"vue-router": "^4.0.x"改为"vue-router": "~4.0.x",这样安装依赖时只会匹配到4.0.x的版本,而不会安装到4.1.4及以上的版本;

2、重新执行npm i,再次运行代码。

你可能感兴趣的:(vue,vue.js,前端,vue-router)