vue中this的指向问题

最新推荐文章于 2024-07-05 17:28:33 发布
最新推荐文章于 2024-07-05 17:28:33 发布
阅读量679 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43654065/article/details/109839785
版权

问题描述：

在vue中的created、computed等中定义的方法（如A:function）中this指向这个Vue实例，但如果在A方法中又定义了一个B方法，此时B方法中的this不再指向这个Vue实例，而是指向window对象。

解决方法：

此时就需要在A方法里定义var _this = this，用来改变this的指向，然后在B方法里使用_this调用Vue实例

在线小白www
关注
Vue中this指向问题
webDevelopSnail的博客
10-31 1446
一、methods中this 1.通常methods属性中的回调函数的this都会指向vue实例 //第一种写法： var vm = new Vue({ el:'app', data:{ name:'', list:[], }, methods:{ handle :function(){ // this.list.push
详解vue中的computed的this指向问题
11-28
console.log(this) // 这里的this指向当前Vue实例 } } ``` 在这里，`this`将指向Vue实例，因为函数的`this`值在调用时确定。 为了解决箭头函数导致的`this`指向问题，有以下几种解决方案： 1. **使用普通函数**...
Vue中this 指向问题
u013400314的博客
06-17 247
Vue接管的函数，不要用箭头函数，因为vue接管的函数中this指向vue，但如果用了箭头函数，this会往外层找作用域对象，上图就是window对象 Vue不接管的函数，建议用箭头函数，因为this会向外层找，就找到了vue。......
vue中this指向问题
qq_46490956的博客
12-12 227
vue中this指向问题
this指向问题以及如何改变指向
最新发布
weixin_53954018的博客
07-05 884
箭头函数的"this"是静态的，它捕获其定义时（而不是运行时）的上下文。因此，箭头函数通常不适合作为Vue组件中方法的定义方式，因为它无法访问Vue实例的数据和方法。：普通函数的"this"是在运行时动态绑定的，取决于函数的调用方式和上下文。Vue.js在模板和事件处理函数中自动绑定了组件实例，以便确保方法中的"this"指向正确。会指向当前的Vue实例，因为Vue在内部会确保方法被调用时绑定正确的上下文。方法创建一个新的函数，称为绑定函数，它会把指定的对象绑定为调用函数时的。
vue组件之this指向问题
weixin_30235225的博客
04-12 974
【问题描述】 返回顶部组件里，用到数据操作。通过方法里改动this数据，但发现直接使用失效 mounted() { window.onscroll=function(){ if(document.documentElement.scrollTop>100) { thi...
Vue.js 项目出现这个错误，别慌！
IT修真院：初学者转行到互联网的聚集地
02-18 785
作者简介： 李中凯老师，8年前端开发，前端负责人，擅长JavaScript/Vue。 公众号：1024译站 掘金文章专栏：https://juejin.im/user/57c7cb8a0a2b58006b1b8666/posts 主要分享：Vue.js， JavaScript，CSS Vue.js 自从诞生以来，凭借它简洁优雅的 API、不错的性能和较低的学习门槛，赢得了广大前端开发...
Vue中this的指向问题
qq_45647792的博客
06-05 1472
在下面的代码中，这里的this指向对象vm，因而可以使用创建的Vue对象中的data内的数据及methods方法。</</</constnewVuedatareturnmsg'This 的指向'methodstestFnlog'msg'thistestFn;</</</
vue中this指向问题？
03-11
这是一个常见的问题，vue中的this指向取决于上下文环境。在vue组件中，this指向当前组件实例，而在普通函数中，this指向全局对象。如果需要在函数中使用组件实例的属性或方法，可以使用箭头函数或bind方法来绑定this...
VUE中this的指向问题
weixin_59097751的博客
07-01 208
普通函数 默认调用 fn this指向 window 方法 arr.fn this 当前的方法属于谁，this就是谁 事件 document.onclick this 当前的方法属于谁， this就是谁/当前发生事件元素 定时器 setTimeout this 指向 window new ...
vue的this指向问题
忧郁的蛋的专栏
01-25 1181
Vue中this关键字用于访问当前组件实例的属性和方法，默认指向当前组件实例，可以访问该实例的各种属性和方法，常见this指向改变的情况有：1、在回调函数中使用this时，this的指向可能会发生改变；在大多数情况下，this指向当前组件实例，可以直接访问组件的数据和方法。需要注意的是，如果在Vue的选项API之外的地方使用this，例如在setTimeout或setInterval等异步操作中，this的指向可能会丢失，此时应该使用箭头函数或将this保存到一个变量中。
vue中的this指向问题
qq_46199553的博客
10-21 1521
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> <script src="https://unpkg.com/vue@2.5.9/dist/vue.j
关于vue中this的指向问题
兜兜的博客
09-22 540
vue中this的指向问题以及具体实例展示。
Vue实例中this的指向问题
富尔牛的博客
08-14 2123
首先让我么看一些代码，先不要往下看，你自己先想一下这里的this分别指的是什么。 <script> var msg = '我是window下的msg' var vm = new Vue({ el: '#app', data: { msg: '我是vm实例中的msg' ...
Vue的this指向问题
yangqii的博客
10-11 301
原文地址：https://www.jianshu.com/p/50afd1b5ddf6 为了避免this指向出现歧义，有两种方法绑定this。 使用bind showMessage1()可以改为： showMessage1:function(){ setTimeout(function() { document.getElementById("id1").innerTe...
关于Vue中this的指向问题
Sfh的博客
07-20 2842
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script src="http://libs.baidu.com/jquery/2.0.0/jquery.js"></script> <script src="https://unpkg.com/vue@2.5.9/dist/vue.j
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值