Vue

vue-router谜之路由传参跳转

2017-12-08  本文已影响34人  Lia代码猪崽

看着官方的文档里:

<!-- 命名的路由 -->
<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'});
上一篇 下一篇

猜你喜欢

热点阅读