vue.js this.$router.push无效解决

来源:互联网 发布:淘宝运营vip课程 云盘 编辑:程序博客网 时间:2024/05/16 03:00
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("输入错误!")    }    }