vue路由遇到的一些问题

最新推荐文章于 2022-12-10 11:24:59 发布

qq_39548074

最新推荐文章于 2022-12-10 11:24:59 发布

阅读量216

点赞数

本文链接：https://blog.csdn.net/qq_39548074/article/details/105518890

版权

vue 路由跳转

this. $r o u t e r . r e p l a c e (" 路径 ") t h i s .$ router.push(“路径”)

天坑
不能在axios的回调函数中直接使用this.，因为此时this指向已经改变，应该在使用axios的函数中将this替换为其他

login () {
  const that = this
  this.$axios
    .post('/api/login', {
      username: this.loginForm.username,
      password: this.loginForm.password
    })
    .then(function (successResponse) {
      // eslint-disable-next-line eqeqeq
      alert(successResponse.data)
      if (successResponse.data == 't') {
        alert('条')
        that.$router.replace('/main')
      } else alert('帐号或密码错误')
    })
    .catch(function (error) {
    })
}

路由卫士：