更新记录

V3.0（2025-03-10） 下载此版本

2025.3

平台兼容性

<template>
    <view style="padding: 60px;">
        <view class="padding-10">
            <zl-cascade-select-popup @search="search" :show.sync="show" :listData="listData" @confirmSelect="confirmSelect"></zl-cascade-select-popup>
        </view>

    </view>
</template>
<script>
    export default{
        data(){
            return{
                show:true,
                listData:[{name:'四川省',id:1,pid:0,children:[{name:'成都市',id:2,pid:2,children:[{name:'金牛区',id:3,pid:2,}]}]},]
            }
        },
        methods:{
            search(val){
                console.log(val,'搜索框里的数据')
                // 请求接口数据
                setTimeout(()=>{
                    this.listData=[{name:'北京市',id:9,pid:0,children:[{name:'朝阳区',id:10,pid:9,children:[]}]}]
                },100) 
            },
            confirmSelect(val){
                console.log('最终选择的数据:',val) 
            }
        }
    }
</script>
<style>
    page{
        background: #f5f5f5;
    }
    .padding-10{
        padding:10px;
    }
</style>

对应图片示例，直接复制粘贴即可