vue-router中Cannot read property 'push' of undefined的问题

最新推荐文章于 2025-05-30 16:05:31 发布

余_小凡

最新推荐文章于 2025-05-30 16:05:31 发布

阅读量2.1w

点赞数 3

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_37380784/article/details/88846400

Vue 专栏收录该内容

27 篇文章

订阅专栏

本文介绍两种Vue中实现页面跳转的方法：一是通过定义一个变量self指代Vue实例；二是利用ES6箭头函数保持this上下文为Vue实例。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

方法1：在外部定义一个值指代Vue实例

var self = this;
this.$http.get("login", {
    params: data
}).then(function(response) {
    self.$router.push('index');
}).catch(function(response) {
    console.error(response);
});

方法2：使用ES6的箭头函数实现上下文穿透

this.$http.get("login", {
    params: data
}).then((response) => {
    this.$router.push('index'); // 此处因为ES6箭头函数上下文穿透，this的上下文为外层的this，即Vue实例
}).catch(function (response) {
    console.error(response);
});