为了账号安全,请及时绑定邮箱和手机立即绑定

vue 横屏滚动消息,如何点击上下切换消息?

vue 横屏滚动消息,如何点击上下切换消息?

Cats萌萌 2018-09-02 14:05:45
html部分<div class="notice_index">     <b>公告</b>     <div class="notice_box">         <ul class="marquee_list" :class="{marquee_top:animate}">             <li v-for="(item, index) in marqueeList">                 最新消息:                <span style="color: #999;">{{item.Title}}</span>                 <i style="color: #999;">[ {{item.UpdateTime | moment("YYYY-MM-DD")}} ]</i>             </li>         </ul>     </div>     <div class="option">        <button @click="up" >▲</button>        <button @click="down" >▼</button>     </div></div>vue部分created() {         setInterval(this.showMarquee, 5000)//每5秒调用} methods: {     showMarquee() {        this.animate = true;         setTimeout (() => {            this.marqueeList.push (this.marqueeList[0]);            this.marqueeList.shift ();            this.animate = false;          }, 1000);      }, }我想知道怎么写up和down
查看完整描述

1 回答

?
阿波罗的战车

TA贡献1862条经验 获得超6个赞

点击的时候把轮询先停掉,然后向上或者向下滚动一次,再开启轮询

查看完整回答
反对 回复 2018-09-02
  • 1 回答
  • 0 关注
  • 1170 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信