uni-app 使用地区选择 组件

问题描述： 

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

插件地址

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

 

	<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
	}