vue-router
山海一哥
为者常成,行者常至
展开
-
vue路由如何传递当前行数据
在当前页面中,查看当前行数据,如果是通过弹框的方式,我们可以通过方法带的row,来展示当前行数据,但是如果是跳转到新的页面呢,我们如何在详情页拿到当前数据呢?通过后端提供的接口可以,通过浏览器存储机制也可以,其实路由本身就提供了一种方式,那就是动态路由,通过动态路由,我们可以把信息隐式的传递过去,当然在路由里面你并不需要写成动态路由的方式,这里只是借用动态路由的机制实现带当前row进行跳转 如路由...原创 2019-12-17 17:03:58 · 918 阅读 · 0 评论 -
关于vue-router的理解
很多人可能对路由有时有些疑惑,一会从外往内嵌套,有时内部就可以了,那么究竟是为什么呢?今天就来解析一下,如图所示 正如图上的路由写法是从外往内的,如果这里的嵌套路由如’posts’改为’./posts’,路由的写法不变,但是如果使用了’/posts’,那么上面的路由写法是找不到对应的路由组件的,此时的匹配路由不是’/user/:id/posts’而是’/posts’,可以认为后者是前者的简写形式,...原创 2019-01-14 10:36:00 · 653 阅读 · 0 评论 -
v-router路由跳转方式
// 字符串 router.push('home') // 对象 router.push({ path: 'home' }) // 命名的路由 router.push({ name: 'user', params: { userId: '123' }}) // 带查询参数,变成 /register?plan=private router.push({ path: 'register', q...原创 2019-01-16 09:56:39 · 2331 阅读 · 0 评论 -
v-router之别名,重定向见解
重定向 重定向也是通过 routes 配置来完成,下面例子是从 /a 重定向到 /b: const router = new VueRouter({ routes: [ { path: '/a', redirect: '/b' } ] }) 重定向的目标也可以是一个命名的路由: const router = new VueRouter({ routes: [ { pa...原创 2019-01-16 10:09:34 · 244 阅读 · 0 评论 -
v-router的history模式
vue-router 默认 hash 模式 —— 使用 URL 的 hash 来模拟一个完整的 URL,于是当 URL 改变时,页面不会重新加载。 如果不想要很丑的 hash,我们可以用路由的 history 模式 const router = new VueRouter({ mode: 'history', routes: [...] }) 当你使用 history 模式时,URL 就...原创 2019-01-16 10:16:19 · 612 阅读 · 0 评论 -
keep-alive配合v-router实现局部缓存与动态请求
<!-- 数组 (使用 `v-bind`) --> <keep-alive :include="['a', 'b']"> <component :is="view"></component> </keep-alive&原创 2019-01-16 10:39:36 · 492 阅读 · 0 评论 -
框架中侧边菜单所关联路由在进入其他路径时丢掉选中的问题
框架中侧边菜单被选中时,会跳转到该菜单所绑定的路由,如果恰好该路由没有和任何一个菜单绑定,那么该菜单就会丢掉选中项。那么如何自定义选中项呢,每个框架都提供了一种默认选中的方式,这就为我们设置选中提供了解决办法,这里说明一个问题,设置选中和点击后跳转到对应路由不是一个概念,不要误认为设置了选中,就会跳转到对应路由,我们设置的home页或者默认打开的路由只所以让菜单显示了高亮,不是因为打开了路由,而是...原创 2019-06-27 15:52:42 · 318 阅读 · 0 评论