vue中使用定时器时this指向问题
2017-10-16 11:13
633 查看
在写一个很小的demo时,用的普通函数写法,没有用es6箭头函数,发现定时器怎么也运作不了,后来查找到了问题所在:
箭头函数:
箭头函数中的this指向是固定不变(定义函数时的指向),在vue中指向vue 普通函数中的this指向是变化的(使用函数时的指向),谁调用的指向谁
箭头函数:
created () { setInterval(() => { console.log(this) }, 1000) // vue setInteval(function () { console.log(this) }, 1000) // window,因为setInterval()函数是window对象的函数 }
相关文章推荐
- vue使用axios时关于this的指向问题详解
- vue使用axios中 this 指向问题
- vue使用axios中 this 指向问题
- JavaScript call apply使用 JavaScript对象的方法绑定到DOM事件后this指向问题
- Javascript中定时器的使用方法(this指向)
- react组件中使用ajax时this的指向问题
- 浅谈vue方法内的方法使用this的问题
- JS中的this指向问题以及apply、call、bind的使用
- IE6,7,8使用attachEvent时this指向问题
- JavaScript call apply使用——JavaScript对象的方法绑定到DOM事件后this指向问题
- 关于vue组件中定时器中只能使用箭头函数的问题
- 详解JS中定时器setInterval和setTImeout的this指向问题
- 关于在vue中结合数组方法的this的指向问题
- 解决使用attachEvent函数时,this指向被绑定的元素的问题的方法
- 解决使用attachEvent函数时,this指向被绑定的元素的问题的方法
- 定时器中的this指向问题
- 解决js绑定事件this指向发生改变的问题
- 51单片机的定时器0和串口同时使用问题
- 解决Redhat Linux AS使用yum时出现This system is not registered with RHN的问题(改用CentOS的yum)