vue3实现省市县三级联动选择

1.安装依赖

npm install element-china-area-data -S

2.引入依赖

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

3.实现

<el-form-item label="所在省市县" prop="provinceCityCounty">
  <el-cascader
      :options="regionData"
      v-model="form.provinceCityCounty"
      @change="handleChange"
      style="width: 100%;">
  </el-cascader>
</el-form-item>

4.选择事件

function handleChange(val) {
  console.log(val)
  console.log(codeToText[val[1]])
}