beforeRouteEnter，beforeRouteLeave函数

最新推荐文章于 2024-09-14 10:55:45 发布

l_ng

最新推荐文章于 2024-09-14 10:55:45 发布

阅读量531

点赞数 1

分类专栏： # vue.js 文章标签： vue js

本文链接：https://blog.csdn.net/qq_44783283/article/details/108808029

版权

本文介绍了Vue.js中用于路由控制的beforeRouteEnter和beforeRouteLeave函数，包括axios安装可能出现的问题、参数说明以及具体的使用示例。

摘要由CSDN通过智能技术生成

操作：
是时机函数，在页面加载前，可以在这两个函数里面做一些事情，
比如发送异步请求。
类似过滤器，或者拦截器。

1. axios安装

安装报错，多装几遍，或者用cnpm安装

npm install axios -s
npm install --save vue-axios

2. 参数说明

// 两个钩子函数 过滤器 || 拦截器的环绕
// to 路由将要跳转的路径信息
// from 路径跳转前的路径信息
// next 路由的控制参数
// next() 跳入下一个页面
// next('/path') 改变路由的跳转方向，跳到下一个页面
// next(false) 返回原来的页面
// next((vm) => {}) 尽在beforeRouteEnter 中可用，vm是组件实例
beforeRouteEnter: (to, from, next) => {
   
    console.log('进入路由之前');
    next() // 必写
},
beforeRouteLeave: (to