Element UI 中国省市区级联数据

　康　

已于 2024-06-18 15:01:37 修改

阅读量500

点赞数

分类专栏： vue 文章标签： vue.js

于 2022-04-20 14:26:22 首次发布

本文链接：https://blog.csdn.net/qq_40047019/article/details/124296683

版权

vue 专栏收录该内容

29 篇文章 3 订阅

订阅专栏

1、安装

npm install element-china-area-data -S

2、使用

<template>
  <div id="app">
    <el-cascader
      size="large"
      :options="options"
      v-model="selectedOptions"
      @change="handleChange">
    </el-cascader>
  </div>
</template>
 
<script>
  import { regionData, CodeToText, TextToCode } from 'element-china-area-data'
  export default {
    data () {
      return {
        options: regionData,
        selectedOptions: []
      }
    },
 
    methods: {
      handleChange (value) {
        console.log("省市区code：", value[0],value[1],value[2]);
		console.log('省市区：',CodeToText[value[0]],CodeToText[value[1]],CodeToText[value[2]]);
      }
    }
  }
</script>

参考文章：Element UI 中国省市区级联数据 V5版本