Vue怎么写漂浮广告？

Question

原来的代码，想改写进vue的项目里

html部分就直接放template里

js部分有些var变量写到data里了，用了vue自己$refs定位

放在updated钩子里启动，因为放其他钩子会捕捉不到（放mounted里也没用）
但是广告没有动起来，请问应该要怎么写？
PS：其实不用这里的代码也行，就是想写个漂浮广告

Answer 1

应该是setInterval(this.float(), 10)这里错了，这里不需要括号，加了括号只会执行一次。而且你的代码没必要这样写，adFloat方法是没有必要写的，直接写在mounted()中就行了。定时器可以在data中定义一下。

data () {
  return {
    timer: null
  }
}
mounted () {
  this.$nextTick(function () {
    const self = this
    this.timer = setInterval(this.float, 10)
    this.$refs[].onmouseover = function () {
        clearInterval(self.timer)
    }
    this.$refs[].onmouseout = function () {
        self.timer = setInterval(self.float, 10)
    }
  })
}

Answer 2

在mounted 方法里面调用this.adFloat()试试。https://www.qqwenda.com