鍍金池/ 問答/HTML5  HTML/ Vue怎么寫漂浮廣告？

Vue怎么寫漂浮廣告？

clipboard.png
原來的代碼，想改寫進(jìn)vue的項(xiàng)目里

clipboard.png
html部分就直接放template里

clipboard.png
js部分有些var變量寫到data里了，用了vue自己$refs定位

clipboard.png

放在updated鉤子里啟動，因?yàn)榉牌渌^子會捕捉不到（放mounted里也沒用）
但是廣告沒有動起來，請問應(yīng)該要怎么寫？
PS：其實(shí)不用這里的代碼也行，就是想寫個漂浮廣告

回答
編輯回答
只愛你

在mounted 方法里面調(diào)用this.adFloat()試試。https://www.qqwenda.com

2018年2月16日 23:24
編輯回答
情殺

應(yīng)該是setInterval(this.float(), 10)這里錯了，這里不需要括號，加了括號只會執(zhí)行一次。而且你的代碼沒必要這樣寫，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)
    }
  })
}
2017年11月20日 12:35