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

先上图看效果

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

按字母城市列表json   链接：https://pan.baidu.com/s/126kgYEIBPwc8z-UgKcV4GQ     提取码：wt8u 

三级城市列表json  链接：https://pan.baidu.com/s/1Qf4YsgJelHLyihKbAFwbxg   提取码：yi7a 

这两个城市json 的城市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="index2">
              <div class="provi