解决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包将字符串生成二维码图片
Sep 12 Javascript
在线一元二次方程计算器实例(方程计算器在线计算)
Dec 22 Javascript
基于Bootstrap实现tab标签切换效果
Apr 15 Javascript
JS弹出窗口的运用与技巧大全
Nov 01 Javascript
jQuery仿IOS弹出框插件
Feb 18 Javascript
关于jQuery中fade(),show()起始位置的一点小发现
Apr 25 jQuery
详解如何使用webpack打包Vue工程
May 27 Javascript
JS实现给json数组动态赋值的方法示例
Mar 19 Javascript
使用Vue-cli3.0创建的项目 如何发布npm包
Oct 10 Javascript
关于vue3默认把所有onSomething当作v-on事件绑定的思考
May 15 Javascript
Vue-cli3生成的Vue项目加载Mxgraph方法示例
May 31 Javascript
jQuery实现移动端下拉展现新的内容回弹动画
Jun 24 jQuery
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采集时被封ip的解决方法
2010/08/29 PHP
PHP curl伪造IP地址和header信息代码实例
2015/04/27 PHP
详解PHP中的mb_detect_encoding函数使用方法
2015/08/18 PHP
关于PHP中字符串与多进制转换函数的实例代码
2016/11/03 PHP
Javascript中的数学函数集合
2007/05/08 Javascript
jQuery getJSON 处理json数据的代码
2010/07/26 Javascript
javascript之Partial Application学习
2013/01/10 Javascript
node在两个div之间移动,用ztree实现
2013/03/06 Javascript
jquery实现漂浮在网页右侧的qq在线客服插件示例
2013/05/13 Javascript
jQuery插件jQuery-JSONP开发ajax调用使用注意事项
2013/11/22 Javascript
JavaScript中一个奇葩的IE浏览器判断方法
2014/04/16 Javascript
Ionic快速安装教程
2016/06/03 Javascript
js 自带的 map() 方法全面了解
2016/08/16 Javascript
微信小程序 form组件详解及简单实例
2017/01/10 Javascript
ES6 class的应用实例分析
2019/06/27 Javascript
python 获取文件列表(或是目录例表)
2009/03/25 Python
Python深入学习之特殊方法与多范式
2014/08/31 Python
Python深入学习之上下文管理器
2014/08/31 Python
零基础写python爬虫之urllib2使用指南
2014/11/05 Python
Python 使用 docopt 解析json参数文件过程讲解
2019/08/13 Python
Python3批量移动指定文件到指定文件夹方法示例
2019/09/02 Python
python+Django实现防止SQL注入的办法
2019/10/31 Python
Python读取表格类型文件代码实例
2020/02/17 Python
PyTorch实现重写/改写Dataset并载入Dataloader
2020/07/14 Python
推荐10个HTML5响应式框架
2016/02/25 HTML / CSS
Marc Jacobs彩妆官网:Marc Jacobs Beauty
2017/07/03 全球购物
2019年Java 最常见的 面试题
2016/10/19 面试题
EJB实例的生命周期
2016/10/28 面试题
2014年教师培训的自我评价
2014/01/03 职场文书
入党自我鉴定
2014/03/25 职场文书
项目合作协议书范本
2014/04/16 职场文书
关于环保的活动方案
2014/08/25 职场文书
在职证明书范本(2014新版)
2014/09/25 职场文书
2015年项目工作总结
2015/04/29 职场文书
2016十一国庆节感言
2015/12/09 职场文书
入党心得体会
2019/06/20 职场文书