解决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 相关文章推荐
Node.js中对通用模块的封装方法
Jun 06 Javascript
jquery访问ashx文件示例代码
Aug 11 Javascript
JS实现文字链接感应鼠标淡入淡出改变颜色的方法
Feb 26 Javascript
JavaScript知识点总结(十六)之Javascript闭包(Closure)代码详解
May 31 Javascript
JS 循环li添加点击事件 (闭包的应用)
Dec 10 Javascript
js实现导航吸顶效果
Feb 24 Javascript
Vue input控件通过value绑定动态属性及修饰符的方法
May 03 Javascript
详解vue服务端渲染(SSR)初探
Jun 19 Javascript
vue通过watch对input做字数限定的方法
Jul 13 Javascript
jquery 输入框查找关键字并提亮颜色的实例代码
Jan 23 jQuery
Vue起步(无cli)的啊教程详解
Apr 11 Javascript
关于uniApp editor微信滑动问题
Jan 15 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获取当前网址url并替换参数或网址的方法
2010/06/06 PHP
php模拟socket一次连接,多次发送数据的实现代码
2011/07/26 PHP
教你如何用php实现LOL数据远程获取
2014/06/10 PHP
利用Fix Rss Feeds插件修复WordPress的Feed显示错误
2015/12/19 PHP
PHP strip_tags() 去字符串中的 HTML、XML 以及 PHP 标签的函数
2016/05/22 PHP
微信公众平台开发-微信服务器IP接口实例(含源码)
2017/03/05 PHP
mac os快速切换多个PHP版本的方法
2017/03/07 PHP
5款Javascript颜色选择器
2009/10/25 Javascript
document.write()及其输出内容的样式、位置控制
2013/08/12 Javascript
JavaScript简单实现鼠标拖动选择功能
2014/03/06 Javascript
javascript使用switch case实现动态改变超级链接文字及地址
2014/12/16 Javascript
jQuery easyUI datagrid 增加求和统计行的实现代码
2016/06/01 Javascript
js选择器全面解析
2016/06/27 Javascript
基于jQuery实现弹出可关闭遮罩提示框实例代码
2016/07/18 Javascript
AngularJs定制样式插入到ueditor中的问题小结
2016/08/01 Javascript
div实现自适应高度的textarea实现angular双向绑定
2017/01/08 Javascript
javascript中递归的两种写法
2017/01/17 Javascript
详解微信小程序 通过控制CSS实现view隐藏与显示
2017/05/24 Javascript
jquery.masonry瀑布流效果
2017/05/25 jQuery
浅谈微信小程序flex布局基础
2018/09/10 Javascript
JS实现头条新闻的经典轮播图效果示例
2019/01/30 Javascript
Typescript 中的 interface 和 type 到底有什么区别详解
2019/06/18 Javascript
[03:54]Ehome出征西雅图 回顾2016国际邀请赛晋级之路
2016/08/02 DOTA
详解Python3中yield生成器的用法
2015/08/20 Python
python 堆和优先队列的使用详解
2019/03/05 Python
Python Django 命名空间模式的实现
2019/08/09 Python
python安装scipy的步骤解析
2019/09/28 Python
开启Django博客的RSS功能的实现方法
2020/02/17 Python
德国传统玻璃制造商:Cristalica
2018/04/23 全球购物
The North Face官方旗舰店:美国著名户外品牌
2020/09/28 全球购物
黄金酒广告词
2014/03/21 职场文书
企业文化建设实施方案
2014/03/22 职场文书
消防标语大全
2014/06/07 职场文书
担保贷款承诺书
2015/04/30 职场文书
php微信小程序解包过程实例详解
2021/03/31 PHP
mysql事务隔离级别详情
2021/10/24 MySQL