在 JavaScript
中,使用 this
访问的是当前函数的上下文,它的值是在函数运行时动态绑定的。这意味着,如果你在一个函数内部使用 this
,那么它指向的是在运行该函数时,该函数所处的对象。
因此,在 Axios
的 .then()
方法中使用 this
访问数据可能会出现问题,因为 .then()
方法可能不是在你的组件内部被调用的,所以 this 的值可能不是指向你的组件的。
有几种解决方法:
使用箭头函数来绑定 this:
因为箭头函数不会创建新的作用域,所以它们会继承外部作用域中的 this
。例如:
使用 bind()
方法绑定 this
:
使用结构赋值获取响应数据:
使用 then
方法之前先将 this
存储到一个变量中,然后在 then
方法中使用这个变量。例如:
GET 请求
POST 请求
并行请求
创建实例
Response
Config
拦截器
错误处理
取消请求
本博客所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 ZkeqのCoding日志!
评论
ArtalkGiscus