uni-app - 城市选择索引列表 / 通过 A-Z 排序的城市列表(uview 组件库 IndexList 索引列表)

前言

由于考虑到各端平台兼容性及其代码健壮性(无BUG),故采用 uview 组件库的 IndexList 索引列表 组件作为 “底层” 支持,在此基础上二次封装,可靠性及稳定性毋庸置疑!!

网上大部分教程全都是有 BUG 且兼容性极差,本文将提供给您兼容全平台、详细注释的示例。

您只需要一路按步骤复制,将示例稍微改改就能用,如下图所示:

在这里插入图片描述

第一步

如果您的项目已经配置好了 uview 组件库,请看下一步。

否则您需要先搞好它,请参考:uview - 环境搭建详细教程(windows)

第二步

由于本地假数据更有利于您观察和分析代码,本文特意为您造了城市列表假数据(数据结构)。

但由于文件过长无法粘贴过来,请通过百度网盘下载或打开链接预览的时候复制代码。

链接&

猜你喜欢

转载自blog.csdn.net/weixin_44198965/article/details/126269849