vue3 使用 element-china-area-data 实现地区选择器

1、引入依赖包

npm install element-china-area-data

2、页面引用

我引用的是v6版本，组件有改动

官网：element-china-area-data - npm

下面用例：使用的是二级联动数据

<el-form-item label="省/市" label-width="130px" style="width: 100%;">

<el-cascader :options="options" @change="handleChange"></el-cascader>

</el-form-item

<script setup>

import { provinceAndCityData, codeToText } from 'element-china-area-data'

let options=ref(provinceAndCityData);

const handleChange= (value)=> {

let provinceCode=value[0]; //省编码

let cityCode=value[1] //市编码

let province=codeToText[value[0]];//省中文

let city=codeToText[value[1]];//市中文

}

</script>