vue实现手机通讯录效果
页面效果如下,点击右侧的字母,可进行快速定位 代码如下: <template> <div class="addressBook"> <div class="addressBook-search"> <van-search v-model="searchData.salesmanName" placeholder='输入搜索内容' @search="onSearch" show-action ></van-search> </div> <div class="list-item" style="position: relative;"> <ul class="shuli"> <li class="search-item" v-for="(item, index) in listFirstPinyin" :key="index" @click="jump(index)">{{item}}</li> </ul> <div v-for="(item, index) in listData" :key="index" class="section"> <div class="pingyin" :id="item.name">{{item.name}}</div> <div class="item commonPadding" v-for="(subItem, index) in item