VUE中的 redirect (重定向)初学者的坑。。

VUE中的 redirect (重定向)初学者的坑。。

在这里插入图片描述

第一个对象里是配置路由重定向path:’/'为项目的根目录,redirect重定向为渲染的路径(这里我是指向了第二个对象里的path)

所以就要写第二个对象方便 redirect 找到它。。

第二个对象里的配置path:’/index’是自定义的路径,component / Customers组件名称

.
还有一种是 children 如下图:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
首页名字为defaultPage 首页下有个子页index,于是写children …

相关链接:https://blog.csdn.net/ws19900201/article/details/98877052

VUE 之 动态路由:https://blog.csdn.net/ws19900201/article/details/101783689

我是一只小菜鸟,出入VUE大坑,还望坑神们多多指教。。。

.
部分借鉴于:https://blog.csdn.net/u011108439/article/details/80946506

  • 10
    点赞
  • 21
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue3 Router可以使用`redirect`属性来进行重定向。在路由配置,我们可以将`redirect`属性设置为一个路径,这样当用户访问当前路径时,就会自动重定向到指定的路径。下面是一个简单的例子: ```javascript const routes = [ { path: '/home', name: 'Home', component: Home }, { path: '/about', name: 'About', component: About }, { path: '/user/:id', name: 'User', component: User }, { path: '/redirect', redirect: '/home' // 重定向到 /home 路径 } ] ``` 在上面的例子,我们定义了一个名为`redirect`的路由,它的`redirect`属性被设置为`/home`,这意味着当用户访问`/redirect`路径时,会自动重定向到`/home`路径。 除了直接设置路径之外,我们还可以使用一个函数来动态地计算重定向的路径。下面是一个使用函数的例子: ```javascript const routes = [ { path: '/home', name: 'Home', component: Home }, { path: '/about', name: 'About', component: About }, { path: '/user/:id', name: 'User', component: User }, { path: '/redirect/:id', redirect: to => { // 动态计算重定向路径 const { id } = to.params return `/user/${id}` } } ] ``` 在上面的例子,我们定义了一个名为`redirect`的路由,它的`redirect`属性被设置为一个函数。这个函数接收一个`to`对象作为参数,这个对象包含了当前路由的信息。我们可以从`to.params`获取到路由参数,然后根据这些参数动态地计算重定向的路径。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值