更新记录

1.0.2（2025-09-28） 下载此版本

同上

1.0.1（2025-09-28） 下载此版本

修复H5适配问题

1.0.0（2025-09-28） 下载此版本

发布 async-cascade-select 插件

平台兼容性

async-cascade-select

同步/异步级联面板选择（支持异步数据加载，默认值设置等配置）

基本用法

导入方法：

1. 直接使用 HBuilderX 导入插件
2. 下载插件 zip ,将 async-cascade-select 文件夹复制到项目 uni_modules/components 文件夹中，import+components 引入。

使用方式(demo)：

    <template>
        <async-cascade-select :list="list" :async="isAsync" useName='name' @click="handleClick" :load-data="loadData"/>
    </template>

    <script>
    export default {
        data() {
            return {
                // 异步组件标识
                isAsync：true, // 类型：Boolean; 为true可不定义list, 为false则设置loadData级联请求数据
                // list 的 key 为'name'，将 useName 指定为'name'，默认值为'label'
                list: [
                    // 三级城市数据
                    {
                        id: 1, name: '四川省', children: [
                            {
                                id: 11, name: '成都市', children: [
                                    { id: 111, name: '武侯区', children: [] },
                                    { id: 112, name: '锦江区', children: [] }
                                ]
                            },
                            {
                                id: 12, name: '绵阳市', children: [
                                    { id: 121, name: '涪城区', children: [] },
                                    { id: 122, name: '游仙区', children: [] }
                                ]
                            }
                        ]
                    },
                    // 五级城市数据
                    {
                        id: 2, name: '广东省', children: [
                            {
                                id: 21, name: '广州市', children: [
                                    {
                                        id: 211, name: '天河区', children: [
                                            {
                                                id: 2111, name: '天河北街道', children: [
                                                    { id: 21111, name: '天河北社区', children: [] }
                                                ]
                                            }
                                        ]
                                    }
                                ]
                            }
                        ]
                    }
                ],
            };
        },

        methods: {
            // 异步加载数据方法
            async loadData(obj) {
                // 正常接口请求方式
                return new Promise((resolve) => {
                    axios.get(data).then((res) => {
                        if (res.code == 200) {
                            let resArr = res.data.map(item => {
                                return {
                                    name: item.cityName,
                                    id: item.id,
                                    index: (obj.index) + 1 || 0,
                                    children: []
                                };
                            })
                            resolve(resArr)
                        }
                    }).catch((res) => {
                        console.log(res, 'res')
                    })
                })
            },

            handleClick(data) {
                console.log('data', data);
            }
        }
    };
    </script>

Attributes and Events

特别鸣谢：lx-cascade-select 组件作者，基于此组件开发