摘要:十分便捷的三級聯動插件官網步驟下載步驟使用與引入在中注冊全局組件在文件中使用組件你需要用到三級聯動的頁面的里如何使用組件在該文件的部分寫廣東省廣州市海珠區移動端步驟如何獲取他們的數據給部分一個點擊事件在配置
十分便捷的三級聯動插件
官網:https://www.awesomes.cn/repo/...
步驟1:下載
npm install v-distpicker --save
Or
yarn add v-distpicker --save
步驟2:使用與引入
① 在main.js中注冊全局組件
import Distpicker from "v-distpicker" Vue.component("v-distpicker", Distpicker)
② 在.vue文件中使用組件(你需要用到三級聯動的.vue頁面的js里)
import VDistpicker from "v-distpicker" export default { components: { VDistpicker } }
③ 如何使用組件
移動端Mobile
步驟3:如何獲取他們的數據
① 給html部分一個點擊事件
② 在vue配置方法里邊用點擊事件獲取data:
selected(data){ this.province = data.province.value this.city = data.city.value }
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://m.specialneedsforspecialkids.com/yun/104550.html
摘要:在做后臺管理時,使用了搭配,請求方法使用了插件,在使用下拉框時,因為我需要獲取選中的選項中的其他值,因此需要傳入對象。 在做后臺管理時,使用了vue搭配elementUI,請求方法使用了axios插件,在使用下拉框時,因為我需要獲取選中的選項中的其他值,因此需要傳入對象。對select下拉框的文檔沒有讀的很仔細,百度過幾篇文章,也沒有理解他們表達的意思,然后自己又去看文檔,把他的屬性看...
摘要:使用實現省市區三級聯動開發工具使用技術效果圖如下話不多說上代碼一,頁面部分二,部分首先引入以下代碼注意引入上方代碼之前需先運行下方代碼進行安裝然后再寫入以下代碼這樣一個省市區三級聯動的下拉列表就完成了 ...
原生js實現省市區三級聯動插件 前言 插件功能只滿足我司業務需求,如果希望有更多功能的,可在下方留言,我盡量擴展!如果你有需要或者喜歡的話,可以給我github來個star ? 倉庫地址在線預覽 準備 // 頁面上先引入css與js文件 頁面中的容器標簽不限制,只需給個id就行 var address = new Address({ wrapId: wrap, showArr...
摘要:寫省市區三級聯動插件的關鍵是在于你如何編寫自己的省市縣區文件,你要是把數據格式寫對了,可以很輕松的寫一省市區插件出來。 最近剛做完一個版本的項目,閑暇時間,就索性把項目中需要用到的插件都自己寫了一個,畢竟自己動手豐衣足食才是最重要,自己寫的,可以應對各種項目需求,今天又把手機端的省市區三級聯動選擇功能編寫了一個插件出來,代碼很簡單,樣式也是應用的跟日期時間選擇插件的一樣。寫省市區三級聯...
摘要:寫省市區三級聯動插件的關鍵是在于你如何編寫自己的省市縣區文件,你要是把數據格式寫對了,可以很輕松的寫一省市區插件出來。 最近剛做完一個版本的項目,閑暇時間,就索性把項目中需要用到的插件都自己寫了一個,畢竟自己動手豐衣足食才是最重要,自己寫的,可以應對各種項目需求,今天又把手機端的省市區三級聯動選擇功能編寫了一個插件出來,代碼很簡單,樣式也是應用的跟日期時間選擇插件的一樣。寫省市區三級聯...
閱讀 2333·2021-09-29 09:42
閱讀 572·2021-09-06 15:02
閱讀 2621·2021-09-02 15:40
閱讀 2126·2019-08-30 14:23
閱讀 1871·2019-08-30 13:48
閱讀 1298·2019-08-26 12:01
閱讀 972·2019-08-26 11:53
閱讀 2157·2019-08-23 18:31