解决vue.js this.$router.push无效的问题


Posted in Javascript onSeptember 03, 2018

如下所示:

login() {
  if(this.email.length > 0 && this.password.length >0) {
   this.$http.post('/api/login', {
    user: this.email,
    password: this.password
   })
   .then(res => {
    let userPwd = res.data
    if(this.password == userPwd) {
     this.$router.push("/")
    } else {
     alert("错误,请重新输入!")
    }
   })
   .catch(err => {
    console.log(err)
   })
  } else {
   alert("输入错误!")
  }
  }

this.$router.push(“/”)不是跳转到主页,而是变成这样:http://127.0.0.1:8080/login?email=yejia%40qq.com&password=123456,请问哪里错啦?

解决方案1:

有没有可能是已经跳转了,但是主页判断成了没有登录,然后又跳回来了。

解决方案2:

你这里的 this指向已经不是 vue 的对象啦,可以这么改

login() {
 const self = this;
 if(this.email.length > 0 && this.password.length >0) {
  this.$http.post('/api/login', {
   user: this.email,
   password: this.password
  })
  .then(res => {
   let userPwd = res.data
   if(this.password == userPwd) {
    self.$router.push("/")
   } else {
    alert("错误,请重新输入!")
   }
  })
  .catch(err => {
   console.log(err)
  })
 } else {
  alert("输入错误!")
 }
 }

以上这篇解决vue.js this.$router.push无效的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JQuery对class属性的操作实现按钮开关效果
Oct 11 Javascript
javascript使用onclick事件改变选中行的颜色
Dec 30 Javascript
使用js判断控件是否获得焦点
Jan 03 Javascript
深入理解javascript中的立即执行函数(function(){…})()
Jun 12 Javascript
基于javascript实现图片预加载
Jan 05 Javascript
利用js编写响应式侧边栏
Sep 17 Javascript
JS 实现 ajax 异步浏览器兼容问题
Jan 21 Javascript
Vue学习笔记进阶篇之vue-cli安装及介绍
Jul 18 Javascript
webpack-dev-server自动更新页面方法
Feb 22 Javascript
JavaScript函数的4种调用方法实例分析
Mar 05 Javascript
vue实现滑动到底部加载更多效果
Oct 27 Javascript
微信接入之获取用户头像的方法步骤
Sep 23 Javascript
JavaScript封装的常用工具类库bee.js用法详解【经典类库】
Sep 03 #Javascript
基于vue-router 多级路由redirect 重定向的问题
Sep 03 #Javascript
vue-cli 引入jQuery,Bootstrap,popper的方法
Sep 03 #jQuery
Vue-router的使用和出现空白页,路由对象属性详解
Sep 03 #Javascript
Vue 通过自定义指令回顾v-内置指令(小结)
Sep 03 #Javascript
JavaScript日期工具类DateUtils定义与用法示例
Sep 03 #Javascript
Angular5中状态管理的实现
Sep 03 #Javascript
You might like
php的access操作类
2008/04/09 PHP
PHP提高编程效率的20个要点
2015/09/23 PHP
PHP使用trim函数去除字符串左右空格及特殊字符实例
2016/01/07 PHP
PHP+Ajax实现验证码的实时验证
2016/07/20 PHP
javascript不同页面传值的改进版
2008/09/30 Javascript
Jquery 动态添加按钮实现代码
2010/05/06 Javascript
Jquery截取中文字符串的实现代码
2010/12/22 Javascript
js利用数组length属性清空和截短数组的小例子
2014/01/15 Javascript
2014年最火的Node.JS后端框架推荐
2014/10/27 Javascript
微信小程序 wxapp内容组件 icon详细介绍
2016/10/31 Javascript
Vue 单文件中的数据传递示例
2017/03/21 Javascript
Vue 过渡实现轮播图效果
2017/03/27 Javascript
JavaScript实现连连看连线算法
2019/01/05 Javascript
vue设置导航栏、侧边栏为公共页面的例子
2019/11/01 Javascript
Node Mongoose用法详解【Mongoose使用、Schema、对象、model文档等】
2020/05/13 Javascript
解决python 输出是省略号的问题
2018/04/19 Python
python实现图片筛选程序
2018/10/24 Python
python实现推箱子游戏
2020/03/25 Python
openCV提取图像中的矩形区域
2020/07/21 Python
3分钟看懂Python后端必须知道的Django的信号机制
2020/07/26 Python
浅谈matplotlib默认字体设置探索
2021/02/03 Python
美国新蛋IT数码商城:Newegg.com
2016/07/21 全球购物
比驿:全球酒店比价网
2018/06/20 全球购物
Kappa英国官方在线商店:服装和运动器材
2020/11/22 全球购物
工程造价专业大学生职业生涯规划书
2014/01/18 职场文书
法人代表授权委托书
2014/04/08 职场文书
《梅花魂》教学反思
2014/04/30 职场文书
工作证明范本(2篇)
2014/09/14 职场文书
2014领导班子“四风问题”对照检查材料思想汇报(执法局)
2014/09/21 职场文书
中国文明网向国旗敬礼寄语大全
2014/09/27 职场文书
大学生村官入党自传
2015/06/26 职场文书
2019银行员工个人工作自我鉴定
2019/06/27 职场文书
​(迎国庆)作文之我爱我的祖国
2019/09/19 职场文书
导游词之吉林吉塔
2019/11/11 职场文书
浅谈Java父子类加载顺序
2021/08/04 Java/Android
Grafana可视化监控系统结合SpringBoot使用
2022/04/19 Redis