Element UI級聯位址省市區外掛程式

2021-09-25 23:54:33 字數 1728 閱讀 5977

npm install element-china-area-data -s
import  from 'element-china-area-data'
import from 'element-china-area-data'、provinceandcitydata:是省市二級聯動資料(不帶「全部」選項)

、regiondata:是省市區**聯動資料(不帶「全部」選項)

、provinceandcitydataplus:是省市二級聯動資料(帶「全部」選項)

、regiondataplus:是省市區**聯動資料(帶「全部」選項)

上述的"全部"選項繫結的value是空字串"",相當於不選擇省市區

、codetotext:是個大物件,屬性是區域碼,屬性值是漢字

例如:codetotext['110000』]輸出 北京市

、texttocode:是個大物件,屬性是漢字,屬性值是區域碼

例如:texttocode['北京市'].code 輸出 110000,

texttocode['北京市']['市轄區'].code 輸出110100,   

texttocode['北京市']['市轄區']['朝陽區'].code 輸出110105

省市二級聯動(不帶「全部」選項):省市二級聯動(帶「全部」選項):

import  from 'element-china-area-data'

export default

},methods: }}

省市區**聯動(不帶「全部」選項):

import  from 'element-china-area-data'

export default

},methods: }}

省市區**聯動(帶「全部」選項):

import  from 'element-china-area-data'

export default

},methods: }}

options:代表當前省市區級聯下拉框的資料型別

selectoptions: 繫結當前選中省市區的區域碼  例如:當前選中的是廣東省廣州市, selectoptions繫結的值是[ "440000", "440100" ]

文件github專案位址

Element UI 省市區級聯資料

前端工作過程中難免會要用到選擇位址的時候,除了從後台獲取特定地區資料的情況外,一般都是全國的省市區提供給使用者選擇,element ui 提供了乙個很好的外掛程式。element ui 中國省市區級聯資料 1.安裝 使用 npm npm install element china area data...

Element UI 中國省市區級聯資料

npm install element china area data s位址在此,網頁開啟會比較慢 import from element china area data provinceandcitydata是省市二級聯動資料 不帶 全部 選項 regiondata是省市區 聯動資料 不帶 全部...

JS省市級聯

請選擇國家 中國 下面是provinceandcity.js頁面的內容 js聯動效果 province 省份類 function provincelist city 城市類 function citylist 建立provincelist citylist類例項 var provinceob new...