美文网首页Vue
vue-router谜之路由传参跳转

vue-router谜之路由传参跳转

作者: Lia代码猪崽 | 来源:发表于2017-12-08 16:00 被阅读34次

    看着官方的文档里:

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

    相关文章

      网友评论

        本文标题:vue-router谜之路由传参跳转

        本文链接:https://www.haomeiwen.com/subject/vtweixtx.html