Vue怎么写漂浮广告?

https://img1.mukewang.com/5ca812270001590605960638.jpg

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

https://img2.mukewang.com/5ca812290001520506800176.jpg

html部分就直接放template里

https://img4.mukewang.com/5ca8122b0001976607890470.jpg

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

https://img2.mukewang.com/5ca8122e000133ec02500099.jpg

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


慕慕森
浏览 1857回答 2
2回答

慕森卡

应该是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)    }  })}
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript