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>
相关推荐
打瞌睡的朱尤15 小时前
微信小程序(黑马)Day1~3
微信小程序·小程序
于先生吖16 小时前
UniApp搭配Java后端实现到店预约上门指派,订单状态流转与结算开发教程
java·开发语言·uni-app
AlloyTeamZy19 小时前
AI知多少,你真的了解 AI 吗?
人工智能·微信小程序·ai编程
岳哥i19 小时前
uniapp打包原生App流程及兼容性适配
uni-app
前端小万20 小时前
用AI两小时开发上架的小程序,单日新增用户173
前端·微信小程序
niech_cn20 小时前
uniapp开发App(iOS、Android、鸿蒙Next)之配置pages.json 页面路由(三)
android·ios·uni-app
郑州光合科技余经理21 小时前
海外版外卖系统源码:支付/地图/多语言核心代码实现
android·java·前端·后端·架构·uni-app·php
游戏开发爱好者81 天前
Linux 自动上传 App Store Connect:把 IPA 上传流程接进CI工作流
linux·运维·ios·ci/cd·小程序·uni-app·iphone
暗冰ཏོ1 天前
《uni-app 跨端开发完整指南:从基础入门到 H5、小程序、App 发布上线》
前端·小程序·uni-app·vue·html5
梦梦代码精1 天前
TP8+Vue3+UniApp:LikeShop架构受青睐!
架构·uni-app