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>
相关推荐
计算机徐师兄7 小时前
Java基于SSM框架的无中介租房系统小程序【附源码、文档】
java·微信小程序·小程序·无中介租房系统小程序·java无中介租房系统小程序·无中介租房微信小程序
源码哥_博纳软云7 小时前
JAVA智慧养老养老护理帮忙代办陪诊陪护小程序APP源码
java·开发语言·微信小程序·小程序·微信公众平台
孙 悟 空12 小时前
uni-app:监听页面返回,禁用返回操作
前端·javascript·uni-app
美美的海顿14 小时前
springboot基于Java的校园导航微信小程序的设计与实现
java·数据库·spring boot·后端·spring·微信小程序·毕业设计
罗狮粉 9918 小时前
docker部署微信小程序自动构建发布和更新
docker·微信小程序·notepad++
mosen86820 小时前
uniapp中uni.scss如何引入页面内或生效
前端·uni-app·scss
lyz24685920 小时前
uniapp popup弹窗组件的自定义使用方法
uni-app
沙尘暴炒饭20 小时前
uniapp 前端解决精度丢失的问题 (后端返回分布式id)
前端·uni-app
牛牛科技20 小时前
生产管理系统PHP+Uniapp源码
uni-app
Smile_ping20 小时前
uniapp——APP读取bin文件,解析文件的数据内容(一)
uni-app·uniapp 读取文件·app端读取bin文件