技術標籤：element前端

一、安裝

npm install element-china-area-data -S
文件地址：https://github.com/Plortinus/element-china-area-data

二、使用

<template>
...
	<el-row class="elrow-p">
	 	<el-col :span="2"  class="elrow-t" title="客戶的居住地址">客戶所在地</el-col>
        <
 
el-col :span="3" class="elcol-l">
            <el-cascader :options="options" v-model="selectedOptions" @change="handleChange" placeholder="試試搜尋"
              filterable :props="{ checkStrictly: true } " collapse-tags clearable>
 
</el-cascader>
        </el-col>
     </el-row>
       ...
	</template>
import { regionData, CodeToText } from 'element-china-area-data'

//data
data () {
    return {
    options: regionData,
    selectedOptions: [],
    };
  },

methods: {
	handleChange (value) {
      // console.log(CodeToText[value[0]] + CodeToText[value[1]] + CodeToText[value[2]], '選中地址') 省、市、區
 

      // console.log(this.selectedOptions, 'selectedOptions')
      ...
    },
	}

css程式碼就不貼了，根據具體UI編寫