摘要:先扯一會兒上海天氣真炎熱,這讓東北人咋活,據說園區一位非洲哥們都中暑了,因此我吃完午餐趕緊跑回辦公室保命要緊,吹著空調,給大家寫著技術文章,別是一番滋味在心頭閑話少說,進入主題重點部分今天給大家推薦一款好用的插件,地區選擇器,接下來我給大
先扯一會兒
上海天氣真炎熱,這讓東北人咋活,據說園區一位非洲哥們都中暑了,因此我吃完午餐趕緊跑回辦公室(保命要緊),吹著空調,給大家寫著技術文章,別是一番滋味在心頭~ 閑話少說,進入主題!??!
今天給大家推薦一款好用的vue插件,地區選擇器v-distpicker,接下來我給大家介紹一些常用的功能
1.引入插件(截圖官網并解釋)
2.使用插件(截圖官網并解釋)
就是這么簡單,只需寫個
3.與后端進行接口聯調-------------重點來啦?。?!
前端之所以使用地區選擇器,目的就是為了提交用戶選擇的地區信息,最終通過接口傳遞給后端人員處理(某些時刻,我們只是數據的搬運工~)
代碼如下:
解釋:
1.通過這三個事件,監聽用戶輸入省 市 區的信息;
2.在省監聽事件中console信息,輸出了一個對象(插件已封裝好的數據),并獲取該對象的value屬性值;
3.this.formValidate是我初始化的對象,之后把獲取的信息放入formValidate對象,最終一起提交給后端(axios請求),大功告成!
以上就是我為大家帶來的分享(完了,寫的太投入,午休忘睡覺了),因為并不是很難的問題,而且上面也總結的很清晰了,所以我就不再做最后總結了(嘮叨、墨跡),非常感謝大家耐心看完(感謝繼續加粗)
天氣炎熱,記得給"電腦"潑水降溫哈~
個人微信 在下方!
歡迎大家以后一起交流與學習~
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/54239.html
摘要:先扯一會兒上海天氣真炎熱,這讓東北人咋活,據說園區一位非洲哥們都中暑了,因此我吃完午餐趕緊跑回辦公室保命要緊,吹著空調,給大家寫著技術文章,別是一番滋味在心頭閑話少說,進入主題重點部分今天給大家推薦一款好用的插件,地區選擇器,接下來我給大 先扯一會兒 上海天氣真炎熱,這讓東北人咋活,據說園區一位非洲哥們都中暑了,因此我吃完午餐趕緊跑回辦公室(保命要緊),吹著空調,給大家寫著技術文章,別...
摘要:是一個的延伸版本,一個基于簡單易用靈活的組件。是一個輕量的框架,當然這個只針對于移動端。為何有了,造這輪子有更好的支持,支持返回地區名字以及地區代碼。 Weui - Distpicker 是一個 V - Distpicker 的延伸版本,一個基于 Weui.js 簡單、易用、靈活的 Vue 組件。 weui.js 是一個輕量的 Javascript UI 框架,當然這個 UI 只針對...
摘要:下載配置在中引用引入省市選擇器注冊組件使用這就已經配置完了可以使用了附上我的代碼所在地城市選擇器填寫詳細地址城市選擇器請選擇所在省份請選擇所在城市傳給父組件的值詳情的內容先分割省自治區市特別行政區取出省 1下載 npm install v-distpicker --save or yarn add v-distpicker --save 2配置 1)在main.js中引用 imp...
閱讀 4933·2021-11-25 09:43
閱讀 1186·2021-11-24 09:38
閱讀 1892·2021-09-30 09:54
閱讀 2800·2021-09-23 11:21
閱讀 2367·2021-09-10 10:51
閱讀 2368·2021-09-03 10:45
閱讀 1163·2019-08-30 15:52
閱讀 1766·2019-08-30 14:13