解决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 相关文章推荐
用javascript实现的图片马赛克后显示并切换加文字功能
Apr 21 Javascript
javascript 面向对象编程基础:封装
Aug 21 Javascript
ExtJS Ext.MessageBox.alert()弹出对话框详解
Apr 02 Javascript
40款非常棒的jQuery 插件和制作教程(系列一)
Oct 26 Javascript
JavaScript高级程序设计 阅读笔记(四) ECMAScript中的类型转换
Feb 27 Javascript
用简洁的jQuery方法toggleClass实现隔行换色
Oct 22 Javascript
在JavaScript中使用对数Math.log()方法的教程
Jun 15 Javascript
jQuery实现点击小图显示大图代码分享
Aug 25 Javascript
vue实现移动端图片裁剪上传功能
Aug 18 Javascript
静态页面实现 include 引入公用代码的示例
Sep 25 Javascript
vue-content-loader内容加载器的使用方法
Aug 05 Javascript
JavaScript怎样在删除前添加确认弹出框?
May 27 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
ThinkPHP+EasyUI之ComboTree中的会计科目树形菜单实现方法
2017/06/09 PHP
PHP进阶学习之依赖注入与Ioc容器详解
2019/06/19 PHP
一个多次搜索+多次传值的解决方案
2007/01/20 Javascript
一个XML格式数据转换为图表的例子
2010/02/09 Javascript
Jquery为a标签的href赋值实现代码
2013/05/03 Javascript
javaScript函数中执行C#代码中的函数方法总结
2013/08/07 Javascript
javascript遍历控件实例详细解析
2014/01/10 Javascript
一个很有趣3D球状标签云兼容IE8
2014/08/22 Javascript
js+html5绘制图片到canvas的方法
2015/06/05 Javascript
jQuery中delegate()方法的用法详解
2016/10/13 Javascript
详解webpack 配合babel 将es6转成es5 超简单实例
2017/05/02 Javascript
node.js调用Chrome浏览器打开链接地址的方法
2017/05/17 Javascript
nodejs操作mongodb的填删改查模块的制作及引入实例
2018/01/02 NodeJs
基于vue-ssr服务端渲染入门详解
2018/01/08 Javascript
[02:06]2018完美世界全国高校联赛秋季赛开始报名(附彩蛋)
2018/09/03 DOTA
python开发利器之ulipad的使用实践
2017/03/16 Python
深入学习Python中的上下文管理器与else块
2017/08/27 Python
Python通过命令开启http.server服务器的方法
2017/11/04 Python
python 图片去噪的方法示例
2019/07/09 Python
简单了解django索引的相关知识
2019/07/17 Python
Pytorch Tensor的索引与切片例子
2019/08/18 Python
Python实现Restful API的例子
2019/08/31 Python
Python爬虫实现“盗取”微信好友信息的方法分析
2019/09/16 Python
Scrapy模拟登录赶集网的实现代码
2020/07/07 Python
简单的命令查看安装的python版本号
2020/08/28 Python
怎么解决pycharm license Acti的方法
2020/10/28 Python
python import 上级目录的导入
2020/11/03 Python
python 利用百度API识别图片文字(多线程版)
2020/12/14 Python
荷兰包包购物网站:The Little Green Bag
2018/03/17 全球购物
JSF如何进行表格处理及取值
2012/08/06 面试题
党的群众路线个人对照检查材料
2014/09/23 职场文书
2014年城管个人工作总结
2014/12/08 职场文书
撤诉申请书法院范本
2015/05/18 职场文书
2019年关于小学生课外阅读情况的分析报告
2019/12/02 职场文书
用python开发一款操作MySQL的小工具
2021/05/12 Python
浅析JavaScript中的变量提升
2022/06/01 Javascript