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"

轉載于:https://www.cnblogs.com/jishuzy/p/9584630.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的iview area 遇到的坑的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。