uniapp:国家、省市区,4级联动

使用uviewSelect 列选择器 选择器完成国家,省市区,4级联动

要求后台数据格式:

js 复制代码
list: [
	{
		label: '中国',
		value: '1',
		children: [{
			label: '河南省',
			value: '2',
			children: [{
				label: '郑州市',
				value: '3',
				children: [{
						label: '中原区',
						value: '4'
					},
					{
						label: '郑东新区',
						value: '4'
					}
				]
			},{
				label: '洛阳市',
				value: '3'
			},{
				label: '开封市',
				value: '3'
			}]
		}]
	},
	{
		label: '美国',
		value: '1',
		children: [{
			label: '纽约',
			value: '2',
			children: [{
				label: '皇后街道',
				value: '3',
				children: [{
						label: '皇后区1',
						value: '4'
					},
					{
						label: '皇后区2',
						value: '4'
					}
				]
			}]
		}]
	}
],
html 复制代码
<u-select @click="show = true" :default-value="defaultValue" :mode="mode" v-model="show" :list="list" @confirm="confirm" @cancel="cancel"></u-select>
相关推荐
耀耀切克闹灬14 小时前
Skyline 渲染问题记录以及总结
微信小程序
小程序开发X16 小时前
2026 深圳 APP 开发甄选:技术架构搭建、全流程落地、综合选型解读
微信小程序·小程序·app开发
EatFan18 小时前
一个二维码背后的系统设计:批次生成、绑定、扫码与数据统计怎么做?
java·后端·微信小程序·二维码·qrcode
白远山18 小时前
自助健身小程序源码:架构拆解、核心链路与本地部署实战
java·架构·uni-app·需求分析
2501_915909061 天前
怎么用 FlutterFlow 把应用发布到 App Store?
android·ios·小程序·https·uni-app·iphone·webview
2501_915918412 天前
怎么把 Python 写的 Flet 应用打包成 iOS App 并上架 App Store?
android·ios·小程序·https·uni-app·iphone·webview
Geek_Vison2 天前
小程序容器如何抹平系统差异,让一个小程序运行在 iOS、安卓、鸿蒙和电脑端
小程序·uni-app·harmonyos·mpaas
PedroQue992 天前
0.5.0重磅发布:动画插件+H5体验全面优化
前端·uni-app
微笑的曙光2 天前
第一期 · 本地优先 MVP:不写一个后端,如何做出完整体验
微信小程序
EatFan2 天前
Java接入微信支付保姆式教程(三):SpringBoot 接入微信支付并完成统一下单
微信小程序·微信支付·springboot