vue3 省市县级联 插件 element-china-area-data

简介

• 官网：https://www.npmjs.com/package/element-china-area-data

• 安装：

  npm install element-china-area-data -S

示例

vue页面：

<template>
  <div id="app">
    <el-cascader
        size="large"
        :options="options"
        v-model="selectedOptions"
        @change="handleChange">
    </el-cascader>
  </div>
</template>

<script setup lang="ts">
import {regionDataPlus} from 'element-china-area-data'
import {ref} from "vue";

const options = regionDataPlus
const selectedOptions = ref([])
const handleChange = (value) => {
  console.log(value)
}
</script>

效果：

控制台输出：