vue 省市區三級聯動外掛

柠檬-不加糖發表於2024-04-24
Vue

首先是官網地址

https://www.npmjs.com/package/element-china-area-data?activeTab=readme

其次是個人應用

vue部分

<el-cascader
          size="large"
          :options="options"
          v-model="selectedOptions">
      </el-cascader>

data部分

options: pcaTextArr, //省市區三級聯動資料
      selectedOptions: [],

接下來是解釋部分 建議使用 pcaTextArr ，直接獲取文字，非常方便。不需要額外轉碼，簡單又快捷

provinceAndCityData省市二級聯動資料,漢字+code
regionData省市區三級聯動資料
pcTextArr省市聯動資料，純漢字
pcaTextArr省市區聯動資料，純漢字
codeToText是個大物件，屬性是區域碼，屬性值是漢字 用法例如：codeToText['110000']輸出北京市

相關文章