vue中使用axios等异步方法this指向的问题

最新推荐文章于 2024-02-20 00:46:37 发布

weixin_33911824

最新推荐文章于 2024-02-20 00:46:37 发布

阅读量311

点赞数

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/martray/p/10877488.html

版权

在方法最前面将this用_this或者that（随便什么名字)

异步方法回调函数中this指向不指向当前vue实例，需要提前用一个临时变量来保存this当前指向

转载于:https://www.cnblogs.com/martray/p/10877488.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33911824

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Vue：Axios异步通信

希望有点用

09-03

352

Vue：Axios异步通信

【Vue】4：Axios异步通讯

m0_45209551的博客

02-16

148

Axios异步通信 1、什么是Axios Axios是一个开源的可以用在浏览器端和Node JS的异步通信框架，她的主要作用就是实现AJAX异步通信，其功能特点如下：从浏览器中创建XMLHttpRequests 从node.js创建http请求支持Promise API[JS中链式编程] 拦截请求和响应转换请求数据和响应数据取消请求自动转换JSON数据客户端支持防御XSRF(跨站请求伪造) GitHub：https://github.com/axios/axios 中文

参与评论您还未登录，请先登录后发表或查看评论

vue异步回调this指向问题定时器

qq_43547023的博客

10-11

915

// setTimeout setInterval ajax Promise data(){ return{ } }, methods:{ setTimeout(function(){ console.log(this) // this并不指向vue实例 },1000) } // way1 使用变量访问this实例 let v = this; setTimeout(fu...

Vue的axios发送异步请求的使用

xiaozhuzhuyang的博客

03-12

598

Vue的axios发送异步请求的使用 Axios是一个开源的可以用在浏览器端和Nodejs的异步通信框架，主要实现ajax异步通信。 vue2.0后推荐使用axios框架，少用jquery，因为jquery操作Dom太过频繁。下面我用CDN的方式加载axios需要的环境来演示Axios的使用： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title

Vue(8) —— Axios异步通信

Jzandth的博客

09-24

314

目录1.什么是Axios2.为何要使用 Axios3.第一个Axios程序1.生命周期2.代码实现3.数据渲染 1.什么是Axios Axios 是一个开源的能够用在浏览器端和 NodeJS 的异步通讯框架，它的主要做用就是实现 AJAX 异步通讯，其功能特色以下：从浏览器中建立 XMLHttpRequests 从 node.js 建立 http 请求支持 Promise API [JS中链式编程] 拦截请求和响应转换请求数据和响应数据取消请求自

vue小记——this(1)

热门推荐

z1216108894的博客

11-22

1万+

如果是vue实例本身的属性和方法,那么this指向就是vue实例本身,比如methods对象,computed对象,watch对象里的方法。要用方法名(){}写,就代表this指向是vue实例,如果使用()=>{}箭头函数的方式定义方法,则this指向window,因为箭头函数中的this指向的是外部函数的this指向,普通函数的this指向的是它的调用者,而vue中的methods和computed和watch他们都是vue本身的方法所以只要他们使用普通函数定义this当然指向他们的调用者即th

解决Vue异步请求中this为undefined以及mounted中获取不到data的数据的问题

Ekertree的博客

07-23

5783

获取路由参数的两种方式this.$route.params.id用于获取如下形式的参数路径/idthis.$route.query.xxx用于获取如下形式的参数路径?xxx=…注意在异步请求中的this不是注意data中的值由created中的异步请求获取并赋值的，mounted中要进行引用的话，可能异步请求中还未返回结果就被引用了。......

在异步请求后Ajax请求数据但在vue中无法获取到数据

小野喵的博客哦

12-03

2161

在我们使用vue进行前端编码时，我们总会需要在vue中进行请求操作，而且我们经常不会使用vue中的请求，我们经常会使用一些其他的请求，比如axios或者jquery的请求。下面我们使用一个具体的需求来演示，我们需要获取到请求的数据并将它展示在页面上下面是我们的vue代码我们在浏览器运行一下，可以看到，我们已经请求到数据，但是并没有展示到页面上其实这是因为在请求里面的this不能指向vue对象，我们只需要能指向vue对象即可。所以我们进行下面的改进，我们在vue对象里面新建一个setValue函数来进行数据转

async中的this指向问题

ss515896745的博客

03-20

5945

有async函数的地方要用this需要在async外部把this赋值给一个变量，再使用，否则直接再async函数中使用this.属性会报错

JavaScript的回调函数内部this的指向问题以及四种绑定this指向的方法

我用CV我自豪。

10-21

1331

https://blog.csdn.net/Mr_28/article/details/78344321 1、常见回调函数内部的this指向问题我们先看下面这段代码： var o = { age : 12, say : function() { function callback() { return this.age; ...

javaScript教学

weixin_46932940的博客

04-15

229

一、函数的定义方式函数声明: function 函数名() { //... } 特点：无论在函数定义前，还是函数定义后调用，都能执行为什么都能执行？？？因为函数声明方式：函数提升 2.函数表达式 var 变量名=function() { //.... } 变量名() 特点：只能在函数定义后调用，才能执行二、this指向在全局调用函数,函数中的this指向window function fn() { //this === window} 详细this指向会有专门

vue使用axios的回调函数中this不指向vue实例，为undefined

啥也不是

08-21

1万+

今天在vue-cli脚手架搭建的项目中使用axios时，遇到无法解析this.$route的报错信息，最后发现是作用域的问题。 1.解决方法：使用 => 原代码： axios.get('/user', { params: { ID: 12345 } }) .then(function (response) { console.log(resp...

vue使用axios后，访问不到this中的变量

archer的技术故事

03-21

1万+

本文主要针对vue中使用axios进行与后台交互后，从后台拿到数据绑定到前台的时候发现绑定不上的问题进行处理。下面是出现问题的代码：testget: function () { this.$ajax({ method: 'get', url: 'zk/connect?connectionString=' + this.connec...

vue中异步请求中this的指向

05-18

在 Vue 中，异步请求中的 "this" 指向是需要注意的问题之一。通常情况下，异步请求发生在 Vue 组件的方法中，而方法中的 this 指向的是该组件实例。但是，如果你在异步请求中使用了回调函数，那么回调函数中的 this 指向可能会发生变化。为了解决这个问题，有两种方法： 1.使用箭头函数：箭头函数没有自己的 this，它会继承外层作用域的 this。因此，在箭头函数中，this 指向的是 Vue 组件实例。例如： ``` getData() { axios.get('/api/data').then((response) => { this.data = response.data }) } ``` 2.使用 bind() 方法：bind() 方法可以将函数中的 this 绑定到指定的对象上。例如： ``` getData() { axios.get('/api/data').then(function(response) { this.data = response.data }.bind(this)) } ``` 以上两种方法都可以确保异步请求中的 this 指向正确。