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>
相关推荐
qq_12498707535 分钟前
基于微信小程序的科技助农系统的设计与实现(源码+论文+部署+安装)
java·大数据·spring boot·后端·科技·微信小程序·毕业设计
lsyhaoshuai10 分钟前
微信小程序开发实战:打造一款功能完善的随机决策工具--小转盘-拯救困难选择症
微信小程序·小程序·notepad++
项目題供诗2 小时前
微信小程序黑马优购(项目)(十)
微信小程序·小程序
计算机毕设指导62 小时前
基于Django的本地健康宝微信小程序系统【源码文末联系】
java·后端·python·mysql·微信小程序·小程序·django
脾气有点小暴12 小时前
scroll-view分页加载
前端·javascript·uni-app
脾气有点小暴14 小时前
uniapp自定义头部导航
前端·uni-app
前端 贾公子20 小时前
[uniapp][swtich开关]阻止切换状态(类似阻止事件冒泡)
uni-app
qq_12498707531 天前
基于微信小程序的校园跑腿系统的设计与实现(源码+论文+部署+安装)
spring boot·微信小程序·小程序·毕业设计·计算机毕业设计
雪芽蓝域zzs1 天前
uniapp基于picker选择器实现年月日时分秒
uni-app
niucloud-admin1 天前
本地开发部署——uniapp端站点部署
uni-app