uni-app 使用地區選擇 元件

沁猿春發表於2024-05-24

問題描述:

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

  

相關文章