解决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下onpropertychange事件的绑定方法
Aug 01 Javascript
jQuery的12招常用技巧分享
Aug 08 Javascript
拉动滚动条加载数据的jquery代码
May 03 Javascript
微信小程序 教程之条件渲染
Oct 18 Javascript
jQuery实现动态生成表格并为行绑定单击变色动作的方法
Apr 17 jQuery
vue-axios使用详解
May 10 Javascript
vue引入swiper插件的使用实例
Jul 19 Javascript
详解React项目的服务端渲染改造(koa2+webpack3.11)
Mar 19 Javascript
Angular 实现输入框中显示文章标签的实例代码
Nov 07 Javascript
JS实现使用POST方式发送请求
Aug 30 Javascript
深入理解redux之compose的具体应用
Jan 12 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
PHP6 中可能会出现的新特性预览
2014/04/04 PHP
destoon二次开发常用数据库操作
2014/06/21 PHP
Laravel框架实现model层的增删改查(CURD)操作示例
2018/05/12 PHP
laravel 5.3 单用户登录简单实现方法
2019/10/14 PHP
jquery触发a标签跳转事件示例代码
2013/07/21 Javascript
javascript查询字符串参数的方法
2015/01/28 Javascript
jQuery实现表格行上下移动和置顶效果
2015/06/05 Javascript
JavaScript 经典实例日常收集整理(常用经典)
2016/03/30 Javascript
AngularJS模板加载用法详解
2016/11/04 Javascript
Vue.js表单标签中的单选按钮、复选按钮和下拉列表的取值问题
2017/11/22 Javascript
Vue.js实现可配置的登录表单代码详解
2018/03/29 Javascript
vue基础之模板和过滤器用法实例分析
2019/03/12 Javascript
vue组件中iview的modal组件爬坑问题之modal的显示与否应该是使用v-show
2019/04/12 Javascript
[58:35]OG vs EG 2019国际邀请赛淘汰赛 胜者组 BO3 第二场 8.22
2019/09/05 DOTA
[01:18:45]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第三场2月1日
2021/03/11 DOTA
[01:01:41]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Magma BO3 第二场 1月31日
2021/03/11 DOTA
python统计日志ip访问数的方法
2015/07/06 Python
python列表的常用操作方法小结
2016/05/21 Python
Python入门_浅谈字符串的分片与索引、字符串的方法
2017/05/16 Python
教你用Python写安卓游戏外挂
2018/01/11 Python
Python解析命令行读取参数--argparse模块使用方法
2018/01/23 Python
Python3用tkinter和PIL实现看图工具
2018/06/21 Python
Python读取英文文件并记录每个单词出现次数后降序输出示例
2018/06/28 Python
python元组拆包实现方法
2021/02/28 Python
丝芙兰法国官网:SEPHORA法国
2016/09/01 全球购物
美国真皮手袋品牌:GiGi New York
2017/03/10 全球购物
澳大利亚运动鞋商店:Platypus Shoes
2019/09/27 全球购物
行政前台岗位职责
2013/12/04 职场文书
办公自动化毕业生求职信
2014/03/09 职场文书
班风学风建设方案
2014/05/06 职场文书
入股合作协议书
2014/10/12 职场文书
2015庆祝七一建党节94周年活动总结
2015/03/20 职场文书
给老师的保证书怎么写
2015/05/09 职场文书
vue实现水波涟漪效果的点击反馈指令
2021/05/31 Vue.js
Pandas 稀疏数据结构的实现
2021/07/25 Python
MYSQL 运算符总结
2021/11/11 MySQL