# 基于elementUI的Cascader组件封装的多功能地区区划选择器-可回显_接口懒加载

**Repository Path**: cj60/areaSelect

## Basic Information

- **Project Name**: 基于elementUI的Cascader组件封装的多功能地区区划选择器-可回显_接口懒加载
- **Description**: 区划选择器，最大支持五级区划：数据来自接口且是懒加载；能够回显接口返回的地址；能够配置区划的最大级别；禁止当前级别之前的地址被选择等等功能
特别说明：懒加载调取接口，每次接口返回一个级别的数据，如第一次默认返回省级，点击安徽省，传其code则再次调用接口返回省下所有市级数据，依次类推；这里接口返回的数组，必须参数:[{name:'级别名称',id:'级别code值'}]
- **Primary Language**: JavaScript
- **License**: MulanPSL-2.0
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 3
- **Created**: 2021-12-06
- **Last Updated**: 2021-12-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# area-select

> A demon for areaSelect

## Build Setup

``` bash
# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

# run unit tests
npm run unit

# run e2e tests
npm run e2e

# run all tests
npm test
```

##
注：公司领导要求封装一个区划选择器，最大支持五级区划，并且适用的场景有很多：数据全部由接口所得并且是懒加载形式；能够回显当前登录账号所属级别的默认地址；还能够回显接口返回的默认地址；能够配置区划选择器的最大级别；禁止当前级别之前的地址被选择等等功能，花了两天的事时间，终于算是完善优化好了，供大家一起参考，代码若有缺陷还望指针，感谢！以下是源代码：

特别说明：这里面使用懒加载形式调取接口，每次接口返回一个级别的数据，如第一次默认返回所有省级，点击安徽省，传安徽省code则再次调用接口返回安徽省下所有地级市的数据，依次类推；这里接口返回的数组中，必须要有的参数:[{name:'级别名称',id:'级别code值'}]

技术栈：VUE+ElementUI