博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
解决多个路由绑定同一个组件 获取参数只获取一次的方法
阅读量:6241 次
发布时间:2019-06-22

本文共 1042 字,大约阅读时间需要 3 分钟。

{    path: '/application',    title: '我的工作',    icon:'code-working',    name: 'application',    component: Main,    children: [      {        path: 'index/:id', title: '我的申请', name: 'myApplication', component: resolve => {          require(['@/views/application/index'], resolve);        }      },      {        path: 'index/:id', title: '我的待办', name: 'have not done', component: resolve => {          require(['@/views/application/index'], resolve);        }      },      {        path: 'index/:id', title: '我的已办', name: 'have been done', component: resolve => {          require(['@/views/application/index'], resolve);        }      }    ]  },

这三个路由绑定的是同一个组件,在

created(){   console.log(this.$route.params.id)}

里面这种动作只会执行一次,也就是只能拿到该组件创建时的路由id,

如果要获得不同的id必须使用官方推荐的方法

const User = {  template: '...',  watch: {    '$route' (to, from) {      // 对路由变化作出响应...    }  }}

或者使用 2.2 中引入的 beforeRouteUpdate 守卫:

const User = {  template: '...',  beforeRouteUpdate (to, from, next) {    // react to route changes...    // don't forget to call next()  }}

转载地址:http://yqdia.baihongyu.com/

你可能感兴趣的文章
第零次作业
查看>>
Android + eclipse +ADT安装完全教程
查看>>
【批处理学习笔记】第七课:简单的批处理命令(6)
查看>>
leetcode 【 Subsets 】python 实现
查看>>
leetcode 【 Intersection of Two Linked Lists 】python 实现
查看>>
codeforces 767A Snacktower(模拟)
查看>>
用 Quartz 画聊天对话框背景实例
查看>>
Quartz2D简单绘制之饼状图
查看>>
你优化系统的目标是什么?
查看>>
SVN(64位)报 Failed to load JavaHL Library. 的解决方法
查看>>
基本运算符
查看>>
黄聪:WordPress 多站点建站教程(三):主站如何调用子站的文章内容、SQL语句如何写?...
查看>>
Activity的启动模式 4种launchMode Intent.FLAG_NEW_TASK 详解
查看>>
hdu 2254 奥运 **
查看>>
数据结构基础
查看>>
UltraISO制作ISO镜像文件
查看>>
ASP.NET MVC 之自定义HtmlHelper
查看>>
声明顺序
查看>>
memcpy内存重叠的解决
查看>>
保存和恢复activity的状态数据[转]
查看>>