添加链接
link之家
链接快照平台
  • 输入网页链接,自动生成快照
  • 标签化管理网页链接

开发中有时候我们虽然设置的路径不一致,但是我们希望跳转到同一个页面,或者说是打开同一个组件。这时候我们就用到了路由的重新定向redirect参数

我们只要在路由配置文件中(/src/router/index.js)把原来的component换成redirect参数就可以了。我们来看一个简单的配置。

export default new Router({
  routes: [
      path: '/',
      component: Hello
    },{
      path:'/params/:newsId(\\d+)/:newsTitle',
      component:Params
    },{
      path:'/goback',
      redirect:'/'

这里我们设置了goback路由,但是它并没有配置任何component(组件),而是直接redirect到path:’/’下了,这就是一个简单的重新定向。

重定向时传递参数

我们已经学会了通过url来传递参数,那我们重定向时如果也需要传递参数怎么办?其实vue也已经为我们设置好了,我们只需要在ridirect后边的参数里复制重定向路径的path参数就可以了。可能你看的有点晕,我们来看一段代码:

path:'/params/:newsId(\\d+)/:newsTitle', component:Params },{ path:'/goParams/:newsId(\\d+)/:newsTitle', redirect:'/params/:newsId(\\d+)/:newsTitle'

已经有了一个params路由配置,我们在设置一个goParams的路由重定向,并传递了参数。这时候我们的路由参数就可以传递给params.vue组件了。参数接收方法和正常的路由接收方法一样。

资料转自为什么使用重定向路由开发中有时候我们虽然设置的路径不一致,但是我们希望跳转到同一个页面,或者说是打开同一个组件。这时候我们就用到了路由的重新定向redirect参数基本使用我们只要在路由配置文件中(/src/router/index.js)把原来的component换成redirect参数就可以了。我们来看一个简单的配置。export default new Router({...
路由传递参数 1、通过<router-link> 标签中的to传参基本语法: <router-link :to="{name:xxx, params: {key:value}}">valueString</router-link> PS:上面to前边是带冒号,后边跟的是一个对象形势的字符串 name:在路由配置文件中起的name值。叫做命名路由,下一节会讲到。params:要传的参数,它是对象形式,在对象里可以传递多个值。 具体实例如下:(1...
【1】路由入门 官网文档:https://router.vuejs.org/zh/installation.html github: https://github.com/vuejs/vue-router npm install vue-router --save import Vue from 'vue' import VueRouter from 'vue-router' Vue.use(VueRouter)
vue-router中的redirect代表重定向,但是看及改造vue-element-admin一次项目中深刻理解了一下。 语言匮乏,以图代职,一图胜千字。 1. vue-element-admin项目配置 2. 个人项目改造 项目的需求是显示项目名称datacenter,其他路由添加datacenter前缀,所以正确合理的配置,个人认为应该是:
vue-router路由重定向redirect的使用事项 在一个路由使用redirect重定向到另一个路由时,这个路由本身也需要component对应一个页面,而且这个页面里还要有< router-view >< /router-view>最终才能成功的跳转
一.vue-router重定向-redirect 有时候设置的路径不一致,但是我们希望跳转到同一个页面,或者说是打开同一个组件。这时候我们就用到了路由的重新定向redirect参数。 redirect基本重定向 我们只要在路由配置文件中(/src/router/index.js)把原来的component换成redirect参数就可以了。我们来看一个简单的配置。 export defa...
Vue-router Vue-router路由的钩子函数 一个组件从进入到销毁有很多的钩子函数,同样在路由中也设置了钩子函数。路由的钩子函数可以写在路由的配置文件,也可以写在组件模板中。 在路由配置文件(/src/router/index.js) 中写钩子函数: path:'/params/:newsId(\\d+)/:newsTitle', component:Params, befo...
上一节我们介绍了路由-路由vue-router)的基本使用、router-link的使用,详细可参考博文:原创Vue笔记整理,专题之路由:3、路由-路由vue-router)的基本使用、router-link的使用这篇文章我们将介绍:路由-路由redirect重定向的使用、设置选中路由高亮的两种方式 二、路由-路由redirect重定向的使用 1、设置默认页面 我们以上篇......
import Vue from 'vue' import Router from 'vue-router' import HelloWorld from '@/components/HelloWorld' import Params from '@/components/Par...
注意:vue-router 2只适用于Vue2.x版本,下面我们是基于vue2.0讲的如何使用vue-router 2实现路由功能。 推荐使用npm安装。 npm install vue-router 一、使用路由 在main.js中,需要明确安装路由功能: import Vue from 'vue' import VueRouter from 'vue-router' impor
python list中sort函数的参数key的使用;python list中sort函数的参数key和lambda关键字的使用; 使用python中sort函数的参数key和lambda关键字排序 np.random.uniform(0,1)