使用VUE实现滚筒式文字轮播

效果图:

1、支持鼠标滚轮滚动事件

2、其他暂不支持

3、支持事件调用,可根据当前展现的数据进行任务调度,比如在滚动到北京市的时候,在下方列表显示北京的所有区县

实现思路:

        1、写三个文本标签,一个上次展现,一个正在展现、一个即将展现

        2、定时文本替换

    goScroll() {
      clearInterval(this.p);
      this.p = setInterval(() => {
          this.setData(this.scrollIndex);
      },5000);
    },

        3、处理下标

全部代码:





你可能感兴趣的:(VUE,vue)