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

使用uview的Select 列选择器 选择器完成国家,省市区,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>
相关推荐
无限聚核2 小时前
抖音 certificate.prepare 之后怎么验券?和美团 msconsume 差在哪,无限聚核
前端·微信小程序
拖孩7 小时前
# AI 帮我写的小程序,上线不到一个月流量主突然爆了
前端·后端·微信小程序
IT_陈寒8 小时前
微信小程序:题上岸
微信小程序
一木 之林1 天前
微信小程序开发全攻略·文章版|00 总览:74集学习路径与知识地图
人工智能·学习·计算机视觉·微信小程序·小程序
小蒜学长1 天前
基于SpringBoot+uni-app的闪洁家政系统的设计与实现(代码+数据库+LW)
java·spring boot·后端·uni-app·家政服务
anyup_前端梦工厂1 天前
uni-app 模板 Starter 一键清理 Skill 发布
前端·人工智能·uni-app
一木 之林1 天前
微信小程序开发全攻略·文章版|01 入门与环境搭建
人工智能·学习·计算机视觉·微信小程序·notepad++
anyup_前端梦工厂1 天前
将uni-app工程迁移uni-app x,AI 能帮我们做什么?
前端·人工智能·uni-app
StevenLdh1 天前
第八期 · 情绪闯关挑战盒:一个「无惩罚」成就系统的数据建模
java·微信小程序