<el-cascader
clearable
:options="pcas"
ref="cascaderAddr"
v-model="selectedOptions"
@change="handleChange">
</el-cascader>
<script>
import pcas from '../../assets/js/city.json'
export default {
data: function () {
return {
// 省市区选择
pcas,
selectedOptions: [],
//省市区选择
regionList: [],
region: [],
}
},
methods:{
// 获取省市区地址级联
handleChange(e, form, thsAreaCode, value) {
if (this.$refs['cascaderAddr'].getCheckedNodes()[0] != undefined){
thsAreaCode = this.$refs['cascaderAddr'].getCheckedNodes()[0].pathLabels// 注意2: 获取label值
console.log(thsAreaCode) // 注意3: 最终结果是个一维数组对象
this.regionList = thsAreaCode
this.region = thsAreaCode[0] + thsAreaCode[1] + thsAreaCode[2]
this.searchfrom.area = thsAreaCode[2]
// console.log(this.region)
// console.log(this.regionList)
// console.log(this.selectedOptions)
}else {
this.searchfrom.area = ''
this.selectedOptions = []
this.region = []
this.regionList = []
}
},
}
}
</script>
省市区文件
链接:https://pan.baidu.com/s/1KxjtD9Cdds0phh2Wsc7pgA?pwd=8888
提取码:8888