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"