1…安装依赖包

npm install element-china-area-data -S

<template>

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

<script lang="ts" setup>
import { ref, reactive, onBeforeUnmount, shallowRef, onMounted } from "vue";
import { regionData } from "element-china-area-data";


//省市区三级联动开始
const options = ref(regionData);
const selectedOptions = ref([]);
const handleChange = (selected:any) => {
  console.log(selected);
};
//省市区三级联动结束


</script>

• 本文标题： Vue3.0 省，市，区级联动
• 文章分类：【VueJS】
• 非特殊说明，本文版权归【胡同里的砖头】个人博客 所有，转载请注明出处.

• 上一篇：Vue 3.0 使用富木HTML编辑器
• 下一篇： el-date-picker 选择的日期少一天