uni app 自动化索引列表

uni app 自动化索引列表,官方推荐的第三方插件
https://ext.dcloud.net.cn/plugin?id=375

[{
    "letter": "A",
    "data": [
        "阿克苏机场",
        "阿拉山口机场",
        "阿勒泰机场",
        "阿里昆莎机场",
        "安庆天柱山机场",
        "澳门国际机场"
    ]
}, {
    "letter": "B",
    "data": [
        "保山机场",
        "包头机场",
        "北海福成机场",
        "北京南苑机场",
        "北京首都国际机场"
    ]
}]

数据格式必须自己往对应字母数组里填充数据,我们服务端返回的数据,没按照这种已经分好声母类别的数据下发,,必须先做声母分类,第三方插件没做。

网上自己找了个声母分类填充数据的js方法,然后再按照官方插件要求格式填充数据,调用 buildTextData 方法,参数arr是服务器下发数组数据, obj.psnName,请按照实际字段名称填写,等同于 “北京首都国际机场” 数据,, 就可以把所有数据填充上,复制给插件的组件数据,就可以显示出来了。




声母分类填充数据的js方法,代码如下:



参考
https://ext.dcloud.net.cn/plugin?id=375
https://ext.dcloud.net.cn/plugin?id=172

你可能感兴趣的:(uni-app)