VUE中关于城市选择页面的电梯效果

在很多APP中都有城市选择,选择项很多,往往会按照首字母排序.
此时为了方便就会设置一个电梯栏
根据用户的点击或者触摸快速到达首字母所指的区块城市进行选择.

下面是一段电梯导航的代码.数据是通过Ajax获取的.

<template>
  <ul class="list">
  //循环遍历获取 A到Z的首字母
   <li class="item" v-for="item in letters"
    :key="item"
    :ref="item"
    //下面就是绑定的事件
    @touchstart="handleTouchStart"
    @touchmove="handleTouchMove"
    @touchend="handleTouchEnd"
    @click="handleLetterClick"
   >{
   {
   item}}</li>
  </ul>
</template>

先记录一下简单的触摸电梯跳转吧

  methods: {