温碧霞的电影,国产手机挡弹救命,3u8613
导航钩子
vue-router 提供的导航钩子主要用来拦截导航,让它完成跳转或取消。有多种方式可以在路由导航发生时执行钩子:全局的, 单个路由独享的, 或者组件级的。
全局钩子
const router = new vuerouter({ ... }) router.beforeeach((to, from, next) => { // do something next(); }); router.aftereach((to, from, next) => { console.log(to.path); });
每个钩子方法接收三个参数:
方法的调用参数。
确保要调用 next方法,否则钩子就不会被 resolved。
组件内的钩子
let frompath = ''; export default{ beforerouteenter (to, from, next) { // 在渲染该组件的对应路由被 confirm 前调用 // 不!能!获取组件实例 `this` // 因为当钩子执行前,组件实例还没被创建 frompath = from.path; next(); }, }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持移动技术网。
如对本文有疑问,请在下面进行留言讨论,广大热心网友会与你互动!! 点击进行留言回复
VUE+elementui组件在table-cell单元格中绘制微型echarts图
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
vue 路由懒加载中给 Webpack Chunks 命名的方法
网友评论