UNPKG

@byronvis/china-area-data

Version:

Convert Vant Area into Element UI Cascader Component data format.

72 lines (55 loc) 1.54 kB
# China Area Data [![NPM version][npm-image]][npm-url] [![David deps][david-image]][david-url] [![License][license-image]][license-url] [npm-image]: https://img.shields.io/npm/v/@byronvis/china-area-data.svg?style=flat-square [npm-url]: https://www.npmjs.com/package/@byronvis/china-area-data [david-image]: https://img.shields.io/david/zenonux/china-area-data.svg?style=flat-square [david-url]: https://david-dm.org/zenonux/china-area-data [license-url]: https://github.com/zenonux/china-area-data/blob/master/LICENCE [license-image]: https://img.shields.io/npm/l/@byronvis/china-area-data.svg Convert [Vant Area](https://www.npmjs.com/package/@vant/area-data) into [Element UI](https://www.npmjs.com/package/element-ui) Cascader Component data format. ## Install `npm i @byronvis/china-area-data -D` ## Usage Via commonjs ```js const getAreaTree = require("@byronvis/china-area-data").getAreaTree; const areaList = getAreaTree(); ``` Via cdn ```html <script src="https://cdn.jsdelivr.net/npm/@byronvis/china-area-data/dist/index.umd.js"></script> <script> const getAreaTree = ChinaAreaData.getAreaTree; const areaList = getAreaTree(); </script> ``` ## Output ``` [ { label:'北京市', value:'110000', children:[ { label:'北京市', value:'110100', children:[ { lable:'东城区', value:'110101' }, ... ] }, ... ] }, ... ] ``` ## Methods ### getAreaTree(addAll:boolean) parameters: - addAll:false