Javascript

vue重定向父路径无法向子路径传递参数

本文主要是介绍vue重定向父路径无法向子路径传递参数,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

出问题的代码,

    path: '/user/:username/',
    name: 'User',
    component: User,
    redirect: '/user/:username/posts'

输入user/100后,跳转到了user/:username/posts,100没有传递给重新向的路由。

解决方法:

    path: '/user/:username/',
    name: 'User',
    component: User,
    redirect: to => {
      const {hash, params, query} = to
      if (params.username) {
        return '/user/'+params.username+'/posts'
      }
    },

具体内容,见vue文档和示例:

重定向和别名

高级用法

这篇关于vue重定向父路径无法向子路径传递参数的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!