vue实现按字母选择城市，点击字母跳转对应项目demo(含修改滚动条样式)代码全

先上图如下：

按字母获取城市 json ：链接：https://pan.baidu.com/s/1FgkftNLfFLvx9_xNdFU6RQ 
提取码：mwqd  

需求：顶部接口获取热门城市及城市Id，中部通过点击哪个字母底部自动跳转到哪个字母那一项获取城市id！只能点击二级城市！

上代码↓↓↓↓ 请自动略过多余代码

<template>
  <div class="wrap">
    
     <div class="select">

       <p class="cityChoice" type="text" @click="ChoiceAddress()" :CityCode="addressCode">{
  {address}} <img src="../../../static/img/index/sj.png" /> </p>
       <div class="wrap_Address" v-show="ifWrap_Address">
        <div class="wrap_Address_top"></div>
        
        <div class="hotCity">
          <ul>
            <li v-for="(item,index) in hotCityData" :key="index" @click="btn_user($event)" :CityCode="item.linkageid">{
  {item.name}}</li>
          </ul>
        </div>
        
        <div class="PressLetterQuery">
          <ul>
            <li v-for="(item,index) in PressLetterQueryData" :key="index" @click="btn_letters($event,index)">{
  {item.letters}}</li>
          </ul>
        </div>

        <div class="RollCentent" @scroll="yourmethod">
          <div class="LetterList" v-for="(item,index) in LetterCity" :key="index">
            <div class="LetterList_left fl">
              <span>{
  {item.letter}}</span>
            </div>
            <div class="LetterList_right rig" v-for="(item2,index2) in item.childArr" :key="in