Element ui級聯地址省市區插件

安裝

npm install element-china-area-data -S

使用

import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, TextToCode } from 'element-china-area-data'

1. provinceAndCityData是省市二級聯動數據（不帶“全部”選項）
2. regionData是省市區三級聯動數據（不帶“全部”選項）
3. provinceAndCityDataPlus是省市區三級聯動數據（帶“全部”選項）
4. regionDataPlus是省市區三級聯動數據（帶“全部”選項）
5. "全部"選項綁定的value是空字符串""
6. CodeToText是個大對象，屬性是區域碼，屬性值是漢字 用法例如：CodeToText['110000']輸出北京市
7. TextToCode是個大對象，屬性是漢字，屬性值是區域碼 用法例如：TextToCode['北京市'].code輸出110000,TextToCode['北京市']['市轄區'].code輸出110100,TextToCode['北京市']['市轄區']['朝陽區'].code輸出110105

 

在需要使用級聯頁面的js中按需引入就行了，比如：

 

實例

 

 

 

注：選擇完成之后，它最后的值其實是一個區域碼，並不是文字，需要自己用CodeToText處理數據，上面有使用說明

 

官方文檔：https://www.npmjs.com/package/element-china-area-data