vue 城市选择器的使用 element-china-area-data
npm 地址: https://www.npmjs.com/package/element-china-area-data
1.安装: npm install element-china-area-data -S
2.使用:
import { provinceAndCityData, regionData, provinceAndCityDataPlus, regionDataPlus, CodeToText, TextToCode } from 'element-china-area-data'
案例:
<template>
<div id="app">
<el-cascader
size="large"
:options="options"
v-model="selectedOptions"
@change="handleChange">
</el-cascader>
</div>
</template>
<script>
import { regionData,CodeToText } from 'element-china-area-data'
export default {
data () {
return {
options: regionData,
selectedOptions: []
}
},
methods: {
handleChange (value) {
let data =CodeToText[value[0]]+", "+CodeToText[value[1]]+", "+CodeToText[value[2]];
console.log(data)
}
}
}
</script>