vue 上下滚动的菜单_vue实现广告栏上下滚动效果

本文实例为大家分享了vue实现广告栏上下滚动效果的具体代码，供大家参考，具体内容如下

html部分

• { {item.name}}抢得商品{ {item.goods}}

  已有123人申请

js部分

data () {

return {

msg: [

{

name: '张**',

goods: '牙膏'

},

{

name: '王**',

goods: '牙刷'

},

{

name: '钟**',

goods: '肥皂'

}

],

animate: false,

setInTime:'' // 定时器

}

},

mounted:{

this.setInTime = setInterval(this.showMarquee, 3000)

},

destroyed () {

clearInterval(this.setInTime) // 页面销毁时清除定时器

},

methods:{