菜单

js_脚本之家

2020年3月23日 - 新闻中心

vue-router 提供的导航钩子首要用于拦截导航,让它变成跳转或撤除。

澳门太阳集团,全局钩子

1、router.beforeEach 注册叁个大局的 before 钩子:

const router = new VueRouterrouter.beforeEach => { // ...})

各类钩子方法接受多少个参数:

to: Route: 即就要步向的指标 路由对象 from: Route: 当前导航正要离开的路由
next: Function: 应当要调用该方法来 resolve 那么些钩子。推行效率注重 next
方法的调用参数。

next(卡塔尔: 实行政管理道中的下一个钩子。假若整个钩子施行完了,则导航的意况正是confirmed 。

next: 中断当前的导航。若是浏览器的 U奔驰G级L 改动了,那么 U奥迪Q5L 地址会重新初始化到
from 路由相应的地址。

next 或许 next:
跳转到五个不等的地点。当前的导航被搁浅,然后进行一个新的领航。

2.afterEach同理,只是不要传入next函数

示范:四个单页面应用,再次回到首页时,保存其在首页的浏览地方。何况给每叁个页面title赋值

const router = new VueRouter({ base: __dirname, routes});new Vue({ // eslint-disable-line el: '#app', render: h => h;let indexScrollTop = 0;router.beforeEach((route, redirect, next) => { if  { indexScrollTop = document.body.scrollTop; } document.title = route.meta.title || document.title; next;router.afterEach(route => { if  { document.body.scrollTop = 0; } else { Vue.nextTick => { document.body.scrollTop = indexScrollTop; }); }})

上述正是本文的全体内容,希望对大家的求学抱有利于,也期望我们多多点拨脚本之家。

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图