溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章將為大家詳細(xì)講解有關(guān)vue如何實(shí)現(xiàn)地區(qū)選擇器v-distpicker的常用功能，小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，希望大家閱讀完這篇文章后可以有所收獲。
1.引入插件(截圖官網(wǎng)并解釋)
2.使用插件(截圖官網(wǎng)并解釋)
就是這么簡單，只需寫個(gè)<v-distpicker></v-distpicker>標(biāo)簽，就會出現(xiàn)地區(qū)選擇器，并且全國匹配城市(有插件就是好，直接拿來用)
3.與后端進(jìn)行接口聯(lián)調(diào)------------- 重點(diǎn)來啦?。?！
前端之所以使用 地區(qū)選擇器 ，目的就是為了提交用戶選擇的地區(qū)信息，最終通過接口傳遞給后端人員處理(某些時(shí)刻，我們只是數(shù)據(jù)的搬運(yùn)工~)
代碼如下：
解釋：
1.通過這三個(gè)事件，監(jiān)聽用戶輸入省 市 區(qū)的信息；
2.在省監(jiān)聽事件中console信息，輸出了一個(gè)對象(插件已封裝好的數(shù)據(jù))，并獲取該對象的value屬性值；
3.this.formValidate是我初始化的對象，之后把獲取的信息放入formValidate對象，最終一起提交給后端(axios請求)， 大功告成！
關(guān)于“vue如何實(shí)現(xiàn)地區(qū)選擇器v-distpicker的常用功能”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯(cuò)，請把它分享出去讓更多的人看到。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號
手機(jī)網(wǎng)站二維碼
