vue 省市區(qū)三級聯(lián)動插件v-distpicker

learning 發(fā)布于2019-08-23 18:02 / 1542人閱讀

摘要：十分便捷的三級聯(lián)動插件官網(wǎng)步驟下載步驟使用與引入在中注冊全局組件在文件中使用組件你需要用到三級聯(lián)動的頁面的里如何使用組件在該文件的部分寫廣東省廣州市海珠區(qū)移動端步驟如何獲取他們的數(shù)據(jù)給部分一個點擊事件在配置

十分便捷的三級聯(lián)動插件

官網(wǎng)：https://www.awesomes.cn/repo/...

步驟1：下載

  npm install v-distpicker --save

  yarn add v-distpicker --save

步驟2：使用與引入
① 在main.js中注冊全局組件

import Distpicker from "v-distpicker"

Vue.component("v-distpicker", Distpicker)

② 在.vue文件中使用組件（你需要用到三級聯(lián)動的.vue頁面的js里）

import VDistpicker from "v-distpicker"
 
export default {
  components: { VDistpicker }
}

③ 如何使用組件（在該.vue文件的html部分寫）

移動端Mobile

步驟3：如何獲取他們的數(shù)據(jù)
① 給html部分一個點擊事件

② 在vue配置方法里邊用點擊事件獲取data:

selected(data){
 
    this.province = data.province.value

    this.city = data.city.value

}

云服務(wù)器 GPU云服務(wù)器省市三級聯(lián)動陜西 js省市縣三級聯(lián)動省市聯(lián)動省市多級聯(lián)動

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.hztianpu.com/yun/104550.html

相關(guān)文章

vue項目中使用element-ui下拉框選項值為對象時報錯

摘要：在做后臺管理時，使用了搭配，請求方法使用了插件，在使用下拉框時，因為我需要獲取選中的選項中的其他值，因此需要傳入對象。在做后臺管理時，使用了vue搭配elementUI，請求方法使用了axios插件，在使用下拉框時，因為我需要獲取選中的選項中的其他值，因此需要傳入對象。對select下拉框的文檔沒有讀的很仔細(xì)，百度過幾篇文章，也沒有理解他們表達(dá)的意思，然后自己又去看文檔，把他的屬性看...

Drummor 2019-08-26 10:57 評論0 收藏0
使用vue+element ui 實現(xiàn)省市區(qū)三級聯(lián)動

摘要：使用實現(xiàn)省市區(qū)三級聯(lián)動開發(fā)工具使用技術(shù)效果圖如下話不多說上代碼一，頁面部分二，部分首先引入以下代碼注意引入上方代碼之前需先運行下方代碼進(jìn)行安裝然后再寫入以下代碼這樣一個省市區(qū)三級聯(lián)動的下拉列表就完成了 ...

netScorpion 2021-11-11 16:54 評論0 收藏0
原生js實現(xiàn)省市區(qū)三級聯(lián)動插件

原生js實現(xiàn)省市區(qū)三級聯(lián)動插件前言插件功能只滿足我司業(yè)務(wù)需求，如果希望有更多功能的，可在下方留言，我盡量擴展！如果你有需要或者喜歡的話，可以給我github來個star ? 倉庫地址在線預(yù)覽準(zhǔn)備 // 頁面上先引入css與js文件頁面中的容器標(biāo)簽不限制，只需給個id就行 var address = new Address({ wrapId: wrap, showArr...

mumumu 2019-08-26 11:43 評論0 收藏0
jquery移動端省市縣（區(qū)）三級聯(lián)動插件

摘要：寫省市區(qū)三級聯(lián)動插件的關(guān)鍵是在于你如何編寫自己的省市縣區(qū)文件，你要是把數(shù)據(jù)格式寫對了，可以很輕松的寫一省市區(qū)插件出來。最近剛做完一個版本的項目，閑暇時間，就索性把項目中需要用到的插件都自己寫了一個，畢竟自己動手豐衣足食才是最重要，自己寫的，可以應(yīng)對各種項目需求，今天又把手機端的省市區(qū)三級聯(lián)動選擇功能編寫了一個插件出來，代碼很簡單，樣式也是應(yīng)用的跟日期時間選擇插件的一樣。寫省市區(qū)三級聯(lián)...

Rocko 2019-08-01 17:35 評論0 收藏0
jquery移動端省市縣（區(qū)）三級聯(lián)動插件

摘要：寫省市區(qū)三級聯(lián)動插件的關(guān)鍵是在于你如何編寫自己的省市縣區(qū)文件，你要是把數(shù)據(jù)格式寫對了，可以很輕松的寫一省市區(qū)插件出來。最近剛做完一個版本的項目，閑暇時間，就索性把項目中需要用到的插件都自己寫了一個，畢竟自己動手豐衣足食才是最重要，自己寫的，可以應(yīng)對各種項目需求，今天又把手機端的省市區(qū)三級聯(lián)動選擇功能編寫了一個插件出來，代碼很簡單，樣式也是應(yīng)用的跟日期時間選擇插件的一樣。寫省市區(qū)三級聯(lián)...

spacewander 2019-08-21 16:22 評論0 收藏0