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

方法1：在外部定义一个值指代Vue实例var self = this;this.$http.get("login", {params: data}).then(function(response) {self.$router.push('index');}).catch(function(response) {console.error(response)...

余_小凡

21808人浏览 · 2019-03-27 15:36:02

余_小凡 · 2019-03-27 15:36:02 发布

方法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);
});

昇腾开源生态专区

昇腾计算产业是基于昇腾系列（HUAWEI Ascend）处理器和基础软件构建的全栈 AI计算基础设施、行业应用及服务，https://devpress.csdn.net/organization/setting/general/146749包括昇腾系列处理器、系列硬件、CANN、AI计算框架、应用使能、开发工具链、管理运维工具、行业应用及服务等全产业链

更多推荐

Java流程控制

本文介绍了Java中Scanner类的使用方法和选择结构的基本概念。Scanner类通过next()和nextLine()方法获取用户输入，其中next()会忽略空白字符，而nextLine()可获取完整行内容。文章还展示了Scanner接收不同类型数据的方法，并通过一个求和求平均数的示例演示了循环输入处理。在结构方面，详细讲解了顺序结构和if选择结构（包括单选择、双选择和多选择结构），并提供了对

昇腾开源生态专区

毕业设计项目车道线检测(自动驾驶机器视觉)

本文介绍了无人驾驶技术中的车道线检测方法，通过计算机视觉技术识别车道线位置。主要步骤包括：1) 视频图像加载与预处理；2) 颜色阈值筛选车道线区域；3) 使用Canny边缘检测提取轮廓；4) 应用霍夫变换识别直线；5) 在感兴趣区域内绘制检测到的车道线。该方法通过简化问题、逐步处理的方式，实现了对车辆前方车道线的有效检测，为路径规划提供关键信息。文中提供了完整的Python代码实现，展示了从图像采