美文网首页
vue中使用定时器时this指向问题

vue中使用定时器时this指向问题

作者: 小白中的小白丶 | 来源:发表于2019-07-22 22:07 被阅读0次

vue中使用定时器时this指向问题

  • 在写一个很小的demo时,用的普通函数写法,没有用es6箭头函数,发现this变化了,后来查找到了问题所在:
  1. 箭头函数中的this指向是固定不变(定义函数时的指向),在vue中指向vue。
  2. 普通函数中的this指向是变化的(使用函数时的指向),谁调用的指向谁。

箭头函数:

created () 
{ 
setInterval(() => { console.log(this) }, 1000) // vue
setInteval(function () { console.log(this) }, 1000) 
// window,因为setInterval()函数是window对象的函数
}

相关文章

  • vue中使用定时器时this指向问题

    vue中使用定时器时this指向问题 在写一个很小的demo时,用的普通函数写法,没有用es6箭头函数,发现thi...

  • 2018-01-18

    vue 中无法清除定时器(延时器) vue中 使用定时器 ,setInterval(). 正常使用, 但是当想...

  • Javascript定时器中的this指向

    使用js中的定时器(setInterval,setTimeout),很容易会遇到this指向的问题。例如:var ...

  • Vue中this使用的注意事项

    一、 axios中this的指向问题 在vue中使用axios做网络请求的时候,会遇到this不指向vue,而为u...

  • vue中this指向问题

    根据VUE官方文档给出的解释 在Vue所有的生命周期钩子方法(如created,mounted,updated以及...

  • 定时刷新setInterval

    VUE中 在方法中或钩子函数中使用 清除定时器

  • this指向问题

    一、一般情况 所以用定时器时,一般提前将this保存,便于在定时器内部使用 二、改变this指向 call、 a...

  • Vue中this指向的问题

    我们知道,如果Vue的data中有属性message,那么方法中直接用this.message就可以获取到这个me...

  • vue中this的指向问题

    在函数中需要遍历数组等对象时,遍历中的this会指向window,所以需要在遍历前定义一下this指向

  • vue中的this指向问题

    第一个输出英文"Hello!”,第二个输出中文“你好!”。这说明了showMessage1()里的this指的是w...

网友评论

      本文标题:vue中使用定时器时this指向问题

      本文链接:https://www.haomeiwen.com/subject/nabglctx.html