解决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 相关文章推荐
js资料toString 方法
Mar 13 Javascript
JavaScript Perfection kill 测试及答案
Mar 23 Javascript
js中生成map对象的方法
Jan 09 Javascript
js实现checkbox全选、不选与反选的方法
Feb 09 Javascript
javascript实现图片跟随鼠标移动效果的方法
May 13 Javascript
jquery.cookie实现的客户端购物车操作实例
Dec 24 Javascript
详解JavaScript中基于原型prototype的继承特性
May 05 Javascript
js 作用域和变量详解
Feb 16 Javascript
微信小程序 图片加载(本地,网路)实例详解
Mar 10 Javascript
实现高性能javascript的注意事项
May 27 Javascript
jquery实现广告上下滚动效果
Mar 04 jQuery
React forwardRef的使用方法及注意点
Jun 13 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 mail 通过Windows的SMTP发送邮件失败的解决方案
2009/05/27 PHP
php文件下载处理方法分析
2015/04/22 PHP
又十个超级有用的PHP代码片段
2015/09/24 PHP
CodeIgniter框架验证码类库文件与用法示例
2017/03/18 PHP
PHP面向对象中new self()与 new static()的区别浅析
2017/08/17 PHP
PHP的mysqli_set_charset()函数讲解
2019/01/23 PHP
比较简单的一个符合web标准的JS调用flash方法
2007/11/29 Javascript
一款Jquery 分页插件的改造方法(服务器端分页)
2011/07/11 Javascript
javascript实现跳转菜单的具体方法
2013/07/05 Javascript
css与javascript跨浏览器兼容性总结
2014/09/15 Javascript
JavaScript使表单中的内容显示在屏幕上的方法
2015/06/29 Javascript
全面解析Bootstrap中nav、collapse的使用方法
2016/05/22 Javascript
AngularJS实现一次监听多个值发生的变化
2016/08/31 Javascript
AngularJS入门教程之表单校验用法示例
2016/11/02 Javascript
jquery UI Datepicker时间控件冲突问题解决
2016/12/16 Javascript
vue element项目引入icon图标的方法
2018/06/06 Javascript
Javascript格式化并高亮xml字符串的方法及注意事项
2018/08/13 Javascript
浅谈ElementUI中switch回调函数change的参数问题
2018/08/24 Javascript
小程序图片长按识别功能的实现方法
2018/08/30 Javascript
原生JS实现的自动轮播图功能详解
2018/12/28 Javascript
vue组件通信传值操作示例
2019/01/08 Javascript
vue的hash值原理也是table切换实例代码
2020/12/14 Vue.js
用Python计算三角函数之acos()方法的使用
2015/05/15 Python
Python基于Tkinter的HelloWorld入门实例
2015/06/17 Python
pytorch 转换矩阵的维数位置方法
2018/12/08 Python
python实现剪切功能
2019/01/23 Python
详解从Django Allauth中进行登录改造小结
2019/12/18 Python
在Python 的线程中运行协程的方法
2020/02/24 Python
Python3 ID3决策树判断申请贷款是否成功的实现代码
2020/05/21 Python
C语言编程练习
2012/04/02 面试题
质量月活动总结
2014/08/26 职场文书
工商局局长个人对照检查材料思想汇报
2014/09/23 职场文书
小学运动会加油词
2015/07/18 职场文书
Python人工智能之混合高斯模型运动目标检测详解分析
2021/11/07 Python
python中redis包操作数据库的教程
2022/04/19 Python
Windows Server 2008 修改远程登录端口以及配置防火墙
2022/04/28 Servers