博客
关于我
vue路由6:导航钩子
阅读量:307 次
发布时间:2019-03-04

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

index.html:

    
Title
首页
登录
帖子管理

app.js:

var routes = [    {        path: '/',        component:{            template: `            

这里是首页

` } },{ path: '/login', component: { template: `

这里是登录!

` } },{ path: '/post', component: { template: `

这里是帖子管理

` } }];var router = new VueRouter({ routes: routes,});router.beforeEach(function(to, from, next){ var login_in = true; if(!login_in && to.path == '/post'){ next('/login') }else{ next(); }})router.afterEach(function(to, from){ console.log("to", to); console.log("form", from);});var app = new Vue({ el: '#app', router: router})

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

你可能感兴趣的文章
SpringMVC---使用
查看>>
2.2.4 加减法运算和溢出判断更换
查看>>
2.2.6 强制类型转换
查看>>
计算机网络教程 谢希仁 第三章 数据链路层
查看>>
LeetCode:Database 05.行程和用户
查看>>
Redis缓存数据的处理流程
查看>>
Linux:文件句柄泄漏问题
查看>>
Linux:多线程简介
查看>>