uni-app 使用地区选择 组件

问题描述： 

使用uni-app 时发现没有现成可用的地区选择组件，通过插件市场找了两个，大部分都是vue2,不兼容vue3,也不是那么好用，后来找了一个直接兼容vue3的 

插件地址

将其封装成组件，在需要的地方进行调用 

 

?

1 2 3 4 5 6 7 8 9 10 11 12 13

<cityPicker ref='cityPickerRef' :column="3" :default-value="formData.csXzqhdm" :mask-close-able="true" @confirm="confirm" @cancel="cancel" :visible="visible" />   import cityPicker from "@/components/piaoyi-cityPicker/piaoyi-cityPicker.vue"   const confirm = (val : any) => {     formData.csXzqhdm = val.code     selectCityName.value = val.name     visible.value = false     console.log(formData.csXzqhdm, 'formData.csXzqhdm') } const cancel = () => {     visible.value = false }