1.install 安装.
npm install iview-area --save
2.在main.js中写入下面的代码
import iviewArea from 'iview-area';
import Vue from 'vue';
Vue.use(iviewArea);
3.使用
<al-selector searchable style="width: 500px;" level="2" @on-change="handleOnSelectorChange"/>
handleOnSelectorChange(value) {
if (value.length === 1) {
this.searchData.province = value[0].code;
this.searchData.city = '';
this.searchData.district = '';
} else if (value.length === 2) {
this.searchData.province = value[0].code;
this.searchData.city = value[1].code;
this.searchData.district = '';
} else if (value.length === 3) {
this.searchData.province = value[0].code;
this.searchData.city = value[1].code;
this.searchData.district = value[2].code;
} else {
this.searchData.province = '';
this.searchData.city = '';
this.searchData.district = '';
}
},
4.问题,发现当首次选择省市区后 比如已选北京市-市辖区-海淀区,再次选择陕西省,发现2级的还是市辖区
问题解决方法:查看github -Issues 里面的问题反馈,发现是iview版本的问题,
iview 2.11.0版本不存在问题,以后的一直到3.0.0这个问题一直存在,暂时没解决的好办法,只能暂时用iview2.11.0的版本。
"iview": "2.11.0"