更新记录

0.0.1（2024-02-05） 下载此版本

城市二级选择弹窗组件

平台兼容性

qs-address

一、组件使用说明

目前组件仅支持省市二级选择，支持返回位置的经纬度、城市名称、城市code、拼音如果需要三级联动组件支持可扩展，需自行实现。

页面中使用

<template>
    <qs-address
    v-model:show="selectorVisible" 
    @onSelectCity="City" 
    :currentCity="currentCity" />
</template>
<script lang="ts" setup>
  const currentCity = ref("西安市") // 当前城市
  const selectorVisible = ref(false) // 是否显示弹窗组件
  function City({ detail }) {
    console.log("城市信息", detail)
  }
</script>