台灣區資料來源在這裡。比起上篇處理銀行資訊的資料,台灣區的資料少單純很多(其實差沒多少啦)。
我這邊也寫了helper處理台灣區的資料:
我們將4個方法印出來並說明這分別的用途?
第一個:台灣區所有的縣市
第二個:輸入縣市回傳縣市內所有區域
第三個:用郵遞區號搜尋回傳該縣市所有資訊
第四個:用郵遞區號搜尋所在縣市
台灣區的元件:
台灣區元件的進入點:
關於new Vue上面一大坨的code是參考CSS-Tricks: How to make localStorage reactive。我這邊讓元件外和元件溝通的方法是用sessionStorage,然而會有這個需求是因為localStorage(這裡用的是sessionStorage)無法在vue元件即時更新,因此我們需要覆寫原本getItem, setItem的用法,並綁在vue上面。
使用方式:
實際上使用:
有空再附上說明…