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

使用uviewSelect 列选择器 选择器完成国家,省市区,4级联动
要求后台数据格式:

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'
					}
				]
			}]
		}]
	}
],
<u-select @click="show = true" :default-value="defaultValue" :mode="mode" v-model="show" :list="list" @confirm="confirm" @cancel="cancel"></u-select>

在这里插入图片描述

相关推荐

  1. android : Json

    2024-07-18 18:22:01       60 阅读
  2. 中国名称

    2024-07-18 18:22:01       31 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-18 18:22:01       66 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-18 18:22:01       70 阅读
  3. 在Django里面运行非项目文件

    2024-07-18 18:22:01       57 阅读
  4. Python语言-面向对象

    2024-07-18 18:22:01       68 阅读

热门阅读

  1. NC65 设置下拉列表框值

    2024-07-18 18:22:01       23 阅读
  2. django项目 bug记录

    2024-07-18 18:22:01       24 阅读
  3. Reflect使用的一些总结

    2024-07-18 18:22:01       15 阅读
  4. day02.09.逻辑运算符·二

    2024-07-18 18:22:01       22 阅读
  5. NSGA和MOGA 算法的异同点

    2024-07-18 18:22:01       22 阅读