您的位置:首页 > 产品设计 > UI/UE

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对象的函数
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: