解决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 相关文章推荐
经典的带阴影的可拖动的浮动层
Jun 26 Javascript
javascript+css 网页每次加载不同样式的实现方法
Dec 27 Javascript
javascript结合ajax读取txt文件内容
Dec 05 Javascript
Jquery实现图片预加载与延时加载的方法
Dec 22 Javascript
JavaScript编写推箱子游戏
Jul 07 Javascript
使用JavaScript实现弹出层效果的简单实例
May 31 Javascript
使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例
Mar 09 Javascript
JS获取当前地理位置的方法
Oct 25 Javascript
浅谈webpack4 图片处理汇总
Sep 12 Javascript
使用canvas实现一个vue弹幕组件功能
Nov 30 Javascript
vue 中 beforeRouteEnter 死循环的问题
Apr 23 Javascript
WebWorker 封装 JavaScript 沙箱详情
Nov 02 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
程序员编程十条戒律
2009/07/09 PHP
php源码分析之DZX1.5随机数函数random用法
2015/06/17 PHP
Ucren Virtual Desktop V2.0
2006/11/07 Javascript
监控 url fragment变化的js代码
2010/04/19 Javascript
从零开始学习jQuery (四) jQuery中操作元素的属性与样式
2011/02/23 Javascript
javascript:void(0)使用探讨
2013/08/27 Javascript
javascript删除option选项的多种方法总结
2013/11/22 Javascript
各浏览器对document.getElementById等方法的实现差异解析
2013/12/05 Javascript
js兼容火狐显示上传图片预览效果的方法
2015/05/21 Javascript
简述Jquery与DOM对象
2015/07/10 Javascript
jquery实现删除一个元素后面的所有元素功能
2015/12/21 Javascript
教你JS中的运算符乘方、开方及变量格式转换
2016/08/09 Javascript
jQuery Validate验证表单时多个name相同的元素只验证第一个的解决方法
2016/12/24 Javascript
Angular在一个页面中使用两个ng-app的方法
2017/02/20 Javascript
docker中编译nodejs并使用nginx启动
2017/06/23 NodeJs
浅谈react-native热更新react-native-pushy集成遇到的问题
2017/09/30 Javascript
JS面向对象之单选框实现
2020/01/17 Javascript
JS co 函数库的含义和用法实例总结
2020/04/08 Javascript
Vue页面渲染中key的应用实例教程
2021/01/12 Vue.js
javascript实现拼图游戏
2021/01/29 Javascript
[08:04]TI4西雅图DOTA2前线报道 海涛探访各路人马
2014/07/09 DOTA
python操作mysql中文显示乱码的解决方法
2014/10/11 Python
Python书单 不将就
2017/07/11 Python
python引入导入自定义模块和外部文件的实例
2017/07/24 Python
计算机二级python学习教程(1) 教大家如何学习python
2019/05/16 Python
详解python解压压缩包的五种方法
2019/07/05 Python
Python numpy多维数组实现原理详解
2020/03/10 Python
使用darknet框架的imagenet数据分类预训练操作
2020/07/07 Python
python写文件时覆盖原来的实例方法
2020/07/22 Python
【HTML5】Canvas绘制简单图片教程
2016/05/13 HTML / CSS
长曲棍球装备:Lacrosse Monkey
2020/12/02 全球购物
Java程序员常见面试题
2015/07/16 面试题
进修护士自我鉴定
2013/10/14 职场文书
综合素质评价思想道德自我评价
2015/03/09 职场文书
2019学校请假条格式及范文
2019/06/25 职场文书
Win11怎么进入安全模式?Windows 11进入安全模式的方法
2021/11/21 数码科技