标签：code area CodeToText element item selectedOptions 组件 ui 省市区
<el-cascader
size="large"
:options="options"
placeholder="请选择地区"
expand-trigger="hover"
ref="cascaderAddr"
v-model="selectedOptions"
@change="handleChange">
created(){
if(this.area){
this.selectedOptions = this.area.split(',');//显示在输入框中
}
},
handleChange(value) {
let selectedOptions = value
var code = ''
// selectedOptions.map(item => name += CodeToText[item] + '') //将省市区三个拼接一起
selectedOptions.map(item => code += item + ',') //将省市区三个拼接一起
this.area = code.slice(0,code.lastIndexOf())//省市区的编码需要存到数据库，下次进来获取到
this.address = CodeToText[selectedOptions[0]] + ',' + CodeToText[selectedOptions[1]] + ',' + CodeToText[selectedOptions[2]]//保存到数据库的字符串如：北京市,市辖区,东城区
},
标签：code,
area,
CodeToText,
element,
item,
selectedOptions,
组件,
ui,
省市区
From： https://www.cnblogs.com/cyapi/p/16612556.html