15年软件开发经验,只做源码定制!

原创设计 定制开发

满足您的个性化需求

当前位置:首页 前端开发 vue/vuex

使用Vue router 进行跳转时进行拦截监听

李家霖| 发布于 2021-11-20 21:43:41| 533阅读| 0点赞| 0评论
举报

用 vue-router 创建的实例对象的 beforeEach 方法来为每一个路由构建一个路由拦截监听

简单的路由使用方法: 引入vue-router   引入Vue  创建vue-router对象  定义路由中的组件   

import Vue from "vue";
import VueRouter from "vue-router"import home from "../view/index/index.vue"
import login from "../view/login/login.vue"Vue.use(VueRouter);const routes = [
	{
	  path:"/home",
	  component:home,
	},
    { path:"/login ", component:login, },
]var router = new VueRouter({ routes, })
export default router;

使用  new VueRouter() 构造函数  创建出来的对象  可以设置beforeEach 方法      设置了该方法后每一次的路由跳转都会回调该方法 并且有该方法中的next函数来最终决定要不要跳转 

var router =  new VueRouter({
    routes,
})
router.beforeEach((to,from,next)=>{((to,from,next)=>{
	
});

该方法在回调是会有三个参数  to from  next   

to  表示目标路由对象 

form 表示当前要离开到的路由对象  

next是一个函数  只有调用该函数才会真正的路由跳转  否则不会跳转



0

0条评论

别默默看啦~登录/注册一起参与讨论吧~

热门标签

李家霖
微信扫一扫立即咨询
账号登录|扫码登录

立即注册 |忘记密码?

欢迎注册

已有账号马上登录

重置密码

扫码绑定微信
微信扫一扫

绑定手机号

分享到-微信

举报

  • 举报类型:

  • 举报描述:

您好,当前积分不足。

在线客服
拨打电话
17330196230 13230981129
顶部