vue中let _this=this作用

最新推荐文章于 2023-07-27 14:11:09 发布

原创最新推荐文章于 2023-07-27 14:11:09 发布 · 1.1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

vue+element 同时被 2 个专栏收录

11 篇文章

订阅专栏

javascript

3 篇文章

订阅专栏

本文介绍了在Vue中使用定时器时，this关键字指向改变的问题，导致无法正确修改vue实例的变量。通过保存初始的this为`_this`，可以确保在回调函数中仍能访问到vue实例的属性和方法。这个技巧对于理解和避免在前端开发中常见的Vue绑定错误至关重要。

//vue 变量 
isclick: true,
//定时器3秒后将isclick改为false
setTimeout(function(){
	this.isclick = false; 
},3000);
//打印this.isclick依然是true;

let _this=this作用：正常我们要获取vue变量或方法的时候，就使用this，但是在一些用到回调函数的时候，this指的就不是vue变量，而是回调函数本身，普通函数的this指向调用它的那个对象，所以在一开始的时候，先定义_this=this，这样在任何位置都可以用_this来获取vue变量或方法。