vue中使用定时器时this指向
箭头函数中的this指向是固定不变(定义函数时的指向),在vue中指向vue;
普通函数中的this指向是变化的(使用函数时的指向),谁调用的指向谁。
箭头函数:
1 let timerOne = setInterval(() => { 2 console.log(this);// vue 3 }, 1000); 4 let timerTwo = setInteval(function () { 5 console.log(this); // window,因为setInterval()函数是window对象的函数 6 }, 1000);
打印结果:
![](https://images2018.cnblogs.com/blog/1340932/201807/1340932-20180705174012781-1891853144.png)
1 let timer = setInterval(() => {
2 this.myFunc();
3 },1000);
4 myFunc(){
5 console.log('sunyu is handsome !');
6 }
不用箭头函数也可以搞定:
1 myFunc(){
2 console.log(vm.name);// name为已经在created中声明的变量
3 };
4 let vm = this;
5 let timer = setInteval(function () {
6 myFunc();
7 }, 1000) ;
最后温馨提示不要忘了清除定时器哦!
愿你有好运气
如果没有
愿你在不幸中学会慈悲
愿你被很多人爱
如果没有
愿你在寂寞中学会宽容
愿你忠于自己
活的认真
笑得放肆
如果没有
愿你在不幸中学会慈悲
愿你被很多人爱
如果没有
愿你在寂寞中学会宽容
愿你忠于自己
活的认真
笑得放肆
QQ:266 - 289 - 8015
Email:sunyuweb@163.com
Email:sunyuweb@163.com
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步