使用Mint UI 的Index List 制作通讯录功能

效果图

.vue

<mt-index-list>
            <mt-index-section
              v-for="(lettersort, index) in lettersSort"  // 主要代码
              :key="index"
              :index="lettersort.Letter"
            >
              <div
                class="van-hairline--bottom outer_div"
                v-for="(item, index) in lettersort.data"  // 主要代码
                :key="index"
                @click="goPersonDatails(item)"
              >
                <van-row style="height: 60px;" type="flex" align="center">
                  &l