iview area 遇到的坑

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"