1.效果图如下

2.组件案例
案例: 组件
<addressSelect @currentSelected="selected" :resetData="resetData" ></addressSelect>
//val,输出的是选中的值
components引入组件
selected(val) {
console.log(val);
},
this.resetData = true;
setTimeout(() => {
this.resetData = false;
}, 20);
3.组件暴露参数
一个currentSelected事件,接受一个参数(包含地址的信息),
一个resetData属性,接受一个布尔值,用于重置地址值
源码及city.js在 github上
https://github.com/akbq2008/vueAddress