這篇文章主要為大家詳細(xì)介紹了Vue2仿淘寶實(shí)現(xiàn)省市區(qū)三級聯(lián)動，具有一定的參考價值，感興趣的小伙伴們可以參考一下

三級聯(lián)動，隨著越來越多的審美，出現(xiàn)了很多種，好多公司都仿著淘寶的三級聯(lián)動，好看時尚，so我們公司也一樣……為了貼代碼方便，我把寫在data裡面省市區(qū)的json獨(dú)立了出來，下載貼進(jìn)去即可用，連結(jié)如下：vue.json(這個直接是個data，放入你的vue2專案中即可用，連結(jié)如下：vue.json(這個直接是個data，放入你的vue2專案中即可。（因?yàn)槲业膶０甘怯玫膙ue2，所以，其他的屬性跟部落格內(nèi)容是吻合的。請配合博客再下載此json）)。

首先頁面顯示如下：

然後我們縣級所在地區(qū)會出現(xiàn)三級連動，如下：（以下是片段，背景色未截?。?

這個張什麼樣，以什麼形式出現(xiàn)，取決於貴公司的UI需求，我們公司是做成彈出層了。 。然後背景色透明，這裡為了節(jié)省流量，我只截取了一段，最後顯示如下：

#如果貴公司也跟我們需求一樣，希望這個可以幫到你們。下面是在vue2專案中寫的三級連動程式碼以及css樣式：