更新记录

1.1.0（2023-10-05）

修改了UI；选择范围扩大到区县级别；支持了VUE2

1.0.0（2023-09-17）

发布了组件

平台兼容性

gscosmos-city-select

GSCOSMOS·一款好用简洁的城市选择器，自带最新高德行政区数据（小修版）

注意： 使用此组件前需安装pinyin-engine <-- 点我跳转 否则无法正常使用

Options 参数说明

Events 回调

返回的城市信息数据(Object)

城市信息对象类型参数(cityObject)

使用说明

// VUE3
<template>
    <gscosmos-city-select v-model="citySelectVisiable" @choosed="getCity"></gscosmos-city-select>
</template>

<script lang="ts" setup>
import { ref, Ref } from "vue";

const citySelectVisiable:Ref<boolean> = ref(true)

const getCity = (val:object) => {
    console.log(val);
}
</script>

// VUE2
<template>
    <view>
        <...></...>
        <gscosmos-city-select :modelValue.sync="citySelectVisiable" @choosed="getCity"></gscosmos-city-select>
    </view>
</template>

<script>
export default{
    data(){
        return{
            citySelectVisiable: false
        }
    },
    methods:{
        getCity(val){
            console.log(val);
        }
    }
}
</script>