看着官方的文档里:
<!-- 命名的路由 -->
<router-link :to="{ name: 'user', params: { userId: 123 }}">User</router-link>
<!-- 带查询参数,下面的结果为 /register?plan=private -->
<router-link :to="{ path: 'register', query: { plan: 'private' }}">Register</router-link>
就想着能不能结合这两个用路径跳转然后带参数:
<router-link :to="{ name: '/shiftingPage', params: { taskId: '10086' }}">User</router-link>
在/shiftingPage里,获取:
// 获取上一个页面传来的路由
const taskId = this.$route.params.taskId; // undefined
可以在页面console.log(this.$route),会发现params:{} 空对象
所以实践证明是不可以的,如果要传参数的话,还是老老实实用命名路由吧~
ps: 单纯的想跳转的话,特别适合写在方法里:
// 是router不是route
this.$router.push({path:'/shiftingPage'});
网友评论