Cascader三级联动地区选择---json数据
时间: 2023-10-28 07:04:38 浏览: 150
element-plus---Cascader三级联动地区选择---json数据
以下是一个示例的 Cascader 三级联动地区选择,使用 JSON 数据:
```json
[
{
"value": "110000",
"label": "北京市",
"children": [
{
"value": "110100",
"label": "市辖区",
"children": [
{
"value": "110101",
"label": "东城区"
},
{
"value": "110102",
"label": "西城区"
},
{
"value": "110105",
"label": "朝阳区"
},
{
"value": "110106",
"label": "丰台区"
},
{
"value": "110107",
"label": "石景山区"
},
{
"value": "110108",
"label": "海淀区"
},
{
"value": "110109",
"label": "门头沟区"
},
{
"value": "110111",
"label": "房山区"
},
{
"value": "110112",
"label": "通州区"
},
{
"value": "110113",
"label": "顺义区"
},
{
"value": "110114",
"label": "昌平区"
},
{
"value": "110115",
"label": "大兴区"
},
{
"value": "110116",
"label": "怀柔区"
},
{
"value": "110117",
"label": "平谷区"
}
]
},
{
"value": "110200",
"label": "县",
"children": [
{
"value": "110228",
"label": "密云县"
},
{
"value": "110229",
"label": "延庆县"
}
]
}
]
},
{
"value": "120000",
"label": "天津市",
"children": [
{
"value": "120100",
"label": "市辖区",
"children": [
{
"value": "120101",
"label": "和平区"
},
{
"value": "120102",
"label": "河东区"
},
{
"value": "120103",
"label": "河西区"
},
{
"value": "120104",
"label": "南开区"
},
{
"value": "120105",
"label": "河北区"
},
{
"value": "120106",
"label": "红桥区"
},
{
"value": "120110",
"label": "东丽区"
},
{
"value": "120111",
"label": "西青区"
},
{
"value": "120112",
"label": "津南区"
},
{
"value": "120113",
"label": "北辰区"
},
{
"value": "120114",
"label": "武清区"
},
{
"value": "120115",
"label": "宝坻区"
},
{
"value": "120116",
"label": "滨海新区"
},
{
"value": "120117",
"label": "宁河区"
},
{
"value": "120118",
"label": "静海区"
}
]
},
{
"value": "120200",
"label": "县",
"children": [
{
"value": "120225",
"label": "蓟县"
}
]
}
]
}
]
```
其中,每个地区的 `value` 表示该地区的唯一标识符,`label` 表示该地区在 Cascader 中显示的名称,`children` 表示该地区的下一级地区列表,以此类推。你可以根据需要修改这些数据,以便构建自己的 Cascader 地区选择组件。
阅读全文