資訊專欄INFORMATION COLUMN
摘要：先扯一會(huì)兒上海天氣真炎熱，這讓東北人咋活，據(jù)說園區(qū)一位非洲哥們都中暑了，因此我吃完午餐趕緊跑回辦公室保命要緊，吹著空調(diào)，給大家寫著技術(shù)文章，別是一番滋味在心頭閑話少說，進(jìn)入主題重點(diǎn)部分今天給大家推薦一款好用的插件，地區(qū)選擇器，接下來我給大
先扯一會(huì)兒
上海天氣真炎熱，這讓東北人咋活，據(jù)說園區(qū)一位非洲哥們都中暑了，因此我吃完午餐趕緊跑回辦公室(保命要緊)，吹著空調(diào)，給大家寫著技術(shù)文章，別是一番滋味在心頭~ 閑話少說，進(jìn)入主題！?。?/p> 重點(diǎn)部分
今天給大家推薦一款好用的vue插件，地區(qū)選擇器v-distpicker，接下來我給大家介紹一些常用的功能
1.引入插件(截圖官網(wǎng)并解釋)
2.使用插件(截圖官網(wǎng)并解釋)
就是這么簡(jiǎn)單，只需寫個(gè)
3.與后端進(jìn)行接口聯(lián)調(diào)-------------重點(diǎn)來啦！?。?/em>
前端之所以使用地區(qū)選擇器，目的就是為了提交用戶選擇的地區(qū)信息，最終通過接口傳遞給后端人員處理(某些時(shí)刻，我們只是數(shù)據(jù)的搬運(yùn)工~)
代碼如下：
解釋：
1.通過這三個(gè)事件，監(jiān)聽用戶輸入省 市 區(qū)的信息；
2.在省監(jiān)聽事件中console信息，輸出了一個(gè)對(duì)象(插件已封裝好的數(shù)據(jù))，并獲取該對(duì)象的value屬性值；
3.this.formValidate是我初始化的對(duì)象，之后把獲取的信息放入formValidate對(duì)象，最終一起提交給后端(axios請(qǐng)求)，大功告成！
以上就是我為大家?guī)淼姆窒?完了，寫的太投入，午休忘睡覺了)，因?yàn)椴⒉皇呛茈y的問題，而且上面也總結(jié)的很清晰了，所以我就不再做最后總結(jié)了(嘮叨、墨跡)，非常感謝大家耐心看完(感謝繼續(xù)加粗)
天氣炎熱，記得給"電腦"潑水降溫哈~
個(gè)人微信 在下方！
歡迎大家以后一起交流與學(xué)習(xí)~
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/105938.html
摘要：先扯一會(huì)兒上海天氣真炎熱，這讓東北人咋活，據(jù)說園區(qū)一位非洲哥們都中暑了，因此我吃完午餐趕緊跑回辦公室保命要緊，吹著空調(diào)，給大家寫著技術(shù)文章，別是一番滋味在心頭閑話少說，進(jìn)入主題重點(diǎn)部分今天給大家推薦一款好用的插件，地區(qū)選擇器，接下來我給大 先扯一會(huì)兒 上海天氣真炎熱，這讓東北人咋活，據(jù)說園區(qū)一位非洲哥們都中暑了，因此我吃完午餐趕緊跑回辦公室(保命要緊)，吹著空調(diào)，給大家寫著技術(shù)文章，別...
摘要：是一個(gè)的延伸版本，一個(gè)基于簡(jiǎn)單易用靈活的組件。是一個(gè)輕量的框架，當(dāng)然這個(gè)只針對(duì)于移動(dòng)端。為何有了，造這輪子有更好的支持，支持返回地區(qū)名字以及地區(qū)代碼。 Weui - Distpicker 是一個(gè) V - Distpicker 的延伸版本，一個(gè)基于 Weui.js 簡(jiǎn)單、易用、靈活的 Vue 組件。 weui.js 是一個(gè)輕量的 Javascript UI 框架，當(dāng)然這個(gè) UI 只針對(duì)...
摘要：下載配置在中引用引入省市選擇器注冊(cè)組件使用這就已經(jīng)配置完了可以使用了附上我的代碼所在地城市選擇器填寫詳細(xì)地址城市選擇器請(qǐng)選擇所在省份請(qǐng)選擇所在城市傳給父組件的值詳情的內(nèi)容先分割省自治區(qū)市特別行政區(qū)取出省 1下載 npm install v-distpicker --save or yarn add v-distpicker --save 2配置 1)在main.js中引用 imp...
閱讀 2553·2021-10-11 10:58
閱讀 1037·2019-08-29 13:58
閱讀 1672·2019-08-26 13:32
閱讀 837·2019-08-26 10:40
閱讀 3265·2019-08-26 10:18
閱讀 1764·2019-08-23 14:18
閱讀 1113·2019-08-23 10:54
閱讀 441·2019-08-22 18:39
