随笔分类 -  vue-router

解决vue-router路由跳转的问题 message: "Navigating to current location ("/homePage") is not allowed",警告的问题
摘要：错误代码： 1 NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplicated", message: "Navigating to current location ("/index") is not 阅读全文
posted @ 2020-05-27 14:34 一抹夏忧☆ 阅读(1283) 评论(0) 推荐(0)
vue-router query和params传参(接收参数)$router $route的区别
摘要：转载：https://segmentfault.com/a/1190000012735168?utm_source=tag-newest 1.query方式传参和接收参数 传参: this.$router.push({ path:'/xxx', query:{ id:id } }) 接收参数: th 阅读全文
posted @ 2020-01-14 15:49 一抹夏忧☆ 阅读(4207) 评论(0) 推荐(0)
vue-router路由动态传参query和params的区别
摘要：转载：https://www.cnblogs.com/listen9436/p/10651132.html 1.query方式传参和接收参数 //路由 { path: '/detail', //这里不需要参入参数 name: "detail", component: detail//这个detail 阅读全文
posted @ 2020-01-14 14:54 一抹夏忧☆ 阅读(995) 评论(0) 推荐(1)
vue路由的两种模式，hash与history
摘要：对于Vue 这类渐进式前端开发框架，为了构建SPA（单页面应用），需要引入前端路由系统，这也就是Vue-router存在的意义。前端路由的核心，就在于——— 改变视图的同时不会向后端发出请求。 一、为了达到这个目的，浏览器提供了以下两种支持： 1、hash ——即地址栏URL中的#符号（此hsah 阅读全文
posted @ 2020-01-14 11:48 一抹夏忧☆ 阅读(1843) 评论(0) 推荐(0)
vue+axios 前端实现的常用拦截
摘要：文章目录 一、路由拦截使用 二、拦截器使用 三、实例 一、路由拦截使用 router.beforeEach((to, from, next) => { if (to.meta.requireAuth) { // 判断该路由是否需要登录权限 if (store.state.token) { // 通过 阅读全文
posted @ 2018-10-26 16:58 一抹夏忧☆ 阅读(1214) 评论(0) 推荐(0)
vue页面跳转拦截器
摘要：登录拦截逻辑 第一步：路由拦截 首先在定义路由的时候就需要多添加一个自定义字段requireAuth，用于判断该路由的访问是否需要登录。如果用户已经登录，则顺利进入路由， 否则就进入登录页面。在路由管理页面添加meta字段; 定义完路由后，我们主要是利用vue router提供的钩子函数before 阅读全文
posted @ 2018-08-08 18:12 一抹夏忧☆ 阅读(6587) 评论(0) 推荐(0)
路由中的钩子函数
摘要：有多种方式可以在路由导航发生时执行钩子：全局的、单个路由独享的、或者组件级的。 三个参数： to:路由将要跳转的路径信息，信息是包含在对像里边的。 from:路径跳转前的路径信息，也是一个对象的形式。 next:路由的控制参数，常用的有next(true)和next(false)。 一、全局钩子 你 阅读全文
posted @ 2018-08-08 15:56 一抹夏忧☆ 阅读(5854) 评论(0) 推荐(0)