vue中的this指向问题

最新推荐文章于 2023-12-11 09:28:34 发布
最新推荐文章于 2023-12-11 09:28:34 发布
阅读量308 收藏
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fujiaran/article/details/108502734
版权

实际项目过程中。在data里面定义好了 phone的值。在发送ajax请求后,this.phone的值便拿不到了。这里我axios去请求。then的回调是用es5的写法写的。

发送请求前，this.phone还有值，发送请求后this.phone的值就有问题了。

纠其原因是es5 的写法，this的值发生了变化。指向undefined。而这里我们的this 需要指向vue实例

这里需要再继续补充箭头函数的知识。

箭头函数的this指向的是外层代码块中的this。所以this 当然指向的是vue实例，再用this.phone就不会出错啦！

画师cc
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue fetch中的.then()的正确使用方法
10-15
主要介绍了vue fetch中的.then()的正确使用方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
关于this指向的问题
qq_46020268的博客
08-21 552
是继承而来的，默认指向在定义它时所处的对象(宿主对象),所以在使用箭头函数时，应判断一下上下文。若回调函数为匿名函数，非严格模式下指向。指向的是调用者，而箭头函数。若回调函数为自定义方法，则。若回调函数为 箭头函数，则。解决办法：定义变量保存。的指向这么不确定呢？首先说明在两种方式中。的写法，在函数内部，
then使用函数无法访问vue实例化的this
m0_49535395的博客
04-14 702
问题： 原因： 以上代码，使用匿名函数的写法 匿名函数的指针指向------函数操作的本身（不可以使用组件中声明的变量或者函数） 解决：
[axios]在then方法中使用普通函数无法访问vue实例化的this
weixin_45458515的博客
06-20 2208
问题 axios.get(url).then(function(res){ console.log(res) //可以正常拿到后台数据 this.data = res //这里不会将后台拿到的数据赋值给变量data //但注意这里拿不到Vue实例化的this })
Vue笔记-在axios中的than函数中使用this需要注意的地方
最新发布
IT1995的博客
12-11 1382
在Vue中，可以使用this关键字来访问到组件中定义的变量。然而，在axios的then函数中，this关键字的作用域会改变，会指向axios对象本身而不是Vue组件实例。使用箭头函数的好处是不需要额外保存this关键字的值，直接在then函数中使用this关键字来访问Vue组件的变量即可。解决这个问题的一种方法是将Vue组件中定义的变量保存到一个变量中，然后在axios的then函数中使用该变量。另外，也可以使用箭头函数来解决this关键字作用域的问题，因为箭头函数会继承父级作用域的this值。
Vue中this的指向问题
weixin_48196628的博客
09-09 548
实际项目过程中。在data里面定义好了 phone的值。在发送ajax请求后,this.phone的值便拿不到了。这里我axios去请求。then的回调是用es5的写法写的。 发送请求前，this.phone还有值，发送请求后this.phone的值就有问题了。 纠其原因是es5 的写法，this的值发生了变化。指向undefined。而这里我们的this 需要指向vue实例 这里需要再继续补充箭头函数的知识。 箭头函数的this指向的是外层代码块中的this。所以this 当然指向的是vue实例，再用th
详解vue中的computed的this指向问题
10-17
然而，在使用`computed`时，开发者可能会遇到`this`指向的问题，特别是当在`computed`中使用箭头函数时。本文将深入探讨这个问题。 首先，我们需要了解JavaScript中的`this`关键字。`this`在JavaScript中是一个动态...
vue使用axios时关于this的指向问题详解
11-27
本文主要介绍了关于vue使用axios时this的指向问题，下面话不多说了，来一起看看详细的介绍吧。 1.解决办法 在vue中使用axios做网络请求的时候，会遇到this不指向vue，而为undefined，可以使用箭头函数”=>”来解决...
浅谈vue使用axios的回调函数中this不指向vue实例,为undefined
10-14
在Vue中使用axios库发送HTTP请求时，经常会遇到回调函数中this指向问题，特别是当使用axios.get或axios.post方法时，其then或catch回调函数中的this可能并不指向Vue实例。这就导致在回调函数中无法使用Vue实例的data...
Vue.js中axios的this指向问题
qq_32539403的博客
01-11 1158
1.遇到的问题 （前提是：这个data在data(){}中return了。） 在this.$axios.get("url").then(方法)中使用this.data时，遇到错误 data is undefined。 原因是这时this没有指向vue实例。 2.解决方法 （1）使用var _this=this，声明vue实例，后面再调用this时，直接使用_this。 （2）在then...
Vue 中Promise 中的方法无法执行，this作用域的问题简析
_夜渐凉
12-25 1万+
Vue 中Promise 中的方法无法执行 需求：填写单子的页面，需要跳转去其他页面填写相关内容 解决：跳转前先将此页面填写的内容先保存，保存方法结束后再跳转 遇到的问题：前端提示this.submitEvent('NotBack');方法报错 代码一（错误） // 跳转 doTypeResult(){ ...
vue的.then()方法
weixin_47102346的博客
04-25 1万+
vue的.then()方法 主要用于一个函数要用到另一个函数返回的值， type()函数要用到loadOne()返回的函数。data为loadOne()返回的数据
vue学习笔记（一）this.$http.get()
热门推荐
qq_21069473的博客
12-07 7万+
Vue与后端数据交互： 需要引入库：vue-resource 使用this.$http.get('请求地址')来发送请求 我在做购物车功能页面时，使用this.$http.get('data/cartData.json')获取json中的数据，后面可加参数。 then()方法异步执行，就是当then()前面的方法执行完之后在执行then()里面的方法，这样就不会发生获取不到数据的问
踩坑 ES6箭头函数 this指向问题记录
BigOrange的博客
07-27 358
之前看es6新特性时，有个印象关于 ES6箭头函数 this指向问题的特殊性。然而并没谨记在心o(╥﹏╥)o 今儿帮忙解决问题，调入此坑将近两小时不能自拔???? 最开始的现象只是赋值无法成功，追查到时因为无法进入组件监听所以没有update，之后发现this.data 要赋值的对象是普通的js对象，而非vue对象。 vue对象形式： 普通js对象： 而后追查到时this指向问题。之后追查到在发request请求then的回调结果中this的指向变成了Window对象，而非vue对象。然后又傻傻地追查了好几
ajax 或者 axios 或调函数中 指向vue 实例
dahuzi的专栏
02-20 7846
1.箭头函数 (resp) => {//函数体} 或者 function (res) {}.bind(this)  axios.post('/app/user/loginSubmit',data) .then(function(res){ if(res.data){ this.error = ''
axios then 里面不能用 this ，改变 data 失效
hqweay 的博客
07-24 8001
axios.get('https://www.apiopen.top/satinCommentApi?id=27610708', { params: { } }).then(function(data) { Vue...
Vue this.$confirm之后.then()中全局变量undefined
z332302638的博客
05-20 1588
Vue this.$confirm之后.then()中全局变量undefined 我的 choose_index 是一个全局当前选中行索引，但是在$confirm()之后打印到的就是undefined，本人水平有限，在du上没找到啥会用的好方法，就又重新定义了一个局部变量 给着急用的伙伴一点儿灵感， 也征集一下好方法 谢谢！ ...
vue的this指向详解
m0_52669454的博客
08-02 3154
vue的this指向详解
vue中this指向问题
05-21
在 Vue 中，this 指向的是当前组件实例，但是在不同的上下文中，this 可能会指向不同的对象。下面列举了一些常见的 this 指向问题： 1. 在回调函数中，this 指向的可能是调用该函数的对象，而不是当前组件实例。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值