鍍金池/ 問(wèn)答/HTML5  HTML/ Vue怎么寫漂浮廣告？

Vue怎么寫漂浮廣告？

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

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

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

clipboard.png

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

回答
編輯回答
只愛(ài)你

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

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

應(yīng)該是setInterval(this.float(), 10)這里錯(cuò)了，這里不需要括號(hào)，加了括號(hào)只會(huì)執(zhí)行一次。而且你的代碼沒(méi)必要這樣寫，adFloat方法是沒(méi)有必要寫的，直接寫在mounted()中就行了。定時(shí)器可以在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