首页 > 其他分享 >vue跳到下一页

vue跳到下一页

时间:2023-04-11 11:35:29浏览次数:33  
标签:vue return name 跳到 else 一页 true 路由

好久没接触vue了,,,写毕设的时候,需要从注册页跳到选择兴趣爱好页,  印象里还记得是使用this.$router.push({ path:'/'})来跳到下一页,但是一直跳不进去,why,,, 去路由配置中心一看,没毛病啊,配置好兴趣爱好页的路由, 然后放到注册页的子页面,,傻了,两个页面同时存在。。。果真,什么路由,什么vue,全忘了。 但是内心还是坚信着,就是路由的配置问题,肯定哪里没有配好!!! 第六感是对的,,,之前写了前置路由守卫,注册了并没有拿到用户的信息,所以一直跳到登录页!!!找到问题了 美滋滋的加了配置,果然,完美解决了,,,好久没看这些代码了,谁写的!!!气人(好吧,我写的,一脱答辩

//配置一个全局的前置路由守卫
router.beforeEach(function(to){
  if(to.path == '/' ){
    return true;
  }else if(to.path == '/login' ){
    return true;
  }else if(to.name == 'article' ){
    return true;
  }else if(to.name == 'play' ){
    return true;
  }else if(to.name == 'searchArticalList' ){
    return true;
  }
  else if(to.name == 'register' ){
    return true;
  }
  else if(to.name == 'choose' ){
    return true;
  }
  else{
    //从本地存储空间获取
    if(!localStorage.getItem('userInfo')){ //没有
      //跳转到登录
      return {name:'login'}
    }else{
      return true
    }
  }
});

  

标签:vue,return,name,跳到,else,一页,true,路由
From: https://www.cnblogs.com/pilpill/p/17305666.html

相关文章

  • VUE:引入腾讯地图并实现轨迹动画
    VUE:引入腾讯地图并实现轨迹动画Postedon 2022-09-2215:07  书中枫叶 阅读(1421) 评论(4)  编辑  收藏  举报腾讯位置服务JavaScriptAPI效果:引入步骤:在html中通过引入script标签加载API服务在一个盒子元素div中预先准备地图容器,并在CSS样式中定义......
  • vue中使用echarts的两种方法
    vue中使用echarts的两种方法Postedon 2021-08-1518:59  书中枫叶 阅读(33524) 评论(1)  编辑  收藏  举报在vue中使用echarts有两种方法一、第一种方法1、通过npm获取echartsnpminstallecharts--save2、在vue项目中引入echarts在 main.js 中添加下......
  • vue2 使用 swiper 轮播图效果
    vue2使用swiper轮播图效果Postedon 2021-04-0813:58  书中枫叶 阅读(1612) 评论(0)  编辑  收藏  举报上次更新:2022-03-0817:06第一步、先安装swiper插件[email protected]第二步、组件内引入swiper插件importSwi......
  • vue3 el-table-column 修改时间格式
    根据element文档说明,el-table中的el-table-column是可以使用formatter格式化时间的。  先添加绑定函数formatter <el-table-columnprop="createdTimeFormat":formatter="dateFormat"label="日期"width="170"></el-table-column> 新建格式......
  • vue 预览PDF、Docx、EXCEL文件
      <template><divclass="contentArea"><divclass="fileContainer"ref="fileDiv"v-if="$route.query.fileName.indexOf('docx')!==-1"></div><divclass="f......
  • vue生命周期(钩子函数)
    目录介绍介绍Vue实例有一个完整的生命周期,也就是从开始创建初女台化数据、编译模板、挂载DOM、渲染一更新一渲染、卸载等一系列过程,我们称这是Vue的生命周期。生命周期:vue实例从创建到销毁的过程。生命周期钩子:就是生命周期事件的别名而已钩子函数描述创建期间的......
  • ZR.Admin小改和VUE3版本体验
    前言孔乙己显出极高兴的样子,将两个指头的长指甲敲着柜台,点头说:“对呀,对呀!......回字有四样写法,你知道么?”大家好,我是44岁的大龄程序员码农阿峰。阿峰从事编程二十年了,虽然没有成为架构师,却也用过很多种架构。几年前开始研究JAVA企业级快速开发框架若依,后来发现了它的.net版本......
  • 使用vue3创建后台管理项目
    最后案例:    一:创建一个Vue应用打开控制台:npminitvue@latest输入你需要创建的项目名称,一路回车   下载需要的包,如下:"dependencies":{"@element-plus/icons-vue":"^2.1.0","axios":"^1.3.5","element-plus"......
  • 在vue中为vuecal组件中的一个按钮添加点击事件
    现在需要为一个按钮添加点击事件由于vuecal文档中没有该按钮的点击事件,所以考虑使用原生dom为其添加点击事件使用原生dom添加使用this.$nextTick+.onclickthis.$nextTick(()=>{ //获取对应的dom元素 varotest=document.getElementsByClassName("vuecal__arrowvueca......
  • vue2源码-二、对象响应式原理
    //循环对象进行一次劫持classObserver{constructor(value){this.walk()}walk(data){//重新定义属性Object.keys(data).forEach((key)=>defineReactive(data,key, data[key]))}}//属性劫持//对对象target,定义属性key,值为value//使用Object.definProperty重......