1. 程式人生 > >基於Element UI Cascader 級聯選擇器的中國省市區級聯數據

基於Element UI Cascader 級聯選擇器的中國省市區級聯數據

省市區三級聯動 col 在線演示 例如 三級聯動 nbsp bsp html 中國

安裝

npm install element-china-area-data -save

在線演示:https://plortinus.github.io/element-china-area-data/index.html

github:https://github.com/airyland/china-area-data

引入

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

數據說明:

  • provinceAndCityData是省市二級聯動數據(不帶“全部”選項)
  • regionData是省市區三級聯動數據(不帶“全部”選項)
  • provinceAndCityDataPlus是省市區三級聯動數據(帶“全部”選項)
  • regionDataPlus是省市區三級聯動數據(帶“全部”選項)
  • "全部"選項綁定的value是空字符串""
  • CodeToText是個大對象,屬性是區域碼,屬性值是漢字 用法例如:CodeToText[‘110000‘]輸出北京市
  • TextToCode是個大對象,屬性是漢字,屬性值是區域碼 用法例如:TextToCode[‘北京市‘].code輸出110000,TextToCode[‘北京市‘][‘市轄區‘].code
    輸出110100,TextToCode[‘北京市‘][‘市轄區‘][‘朝陽區‘].code輸出110105

基於Element UI Cascader 級聯選擇器的中國省市區級聯數據