国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

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

learning / 1451人閱讀

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

十分便捷的三級(jí)聯(lián)動(dòng)插件

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

步驟1：下載

  npm install v-distpicker --save

Or

  yarn add v-distpicker --save

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

import Distpicker from "v-distpicker"

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

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

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

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

移動(dòng)端Mobile

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

② 在vue配置方法里邊用點(diǎn)擊事件獲取data:

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

    this.city = data.city.value

}

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/104550.html

相關(guān)文章

  • vue項(xiàng)目中使用element-ui下拉框選項(xiàng)值為對(duì)象時(shí)報(bào)錯(cuò)

    摘要：在做后臺(tái)管理時(shí)，使用了搭配，請(qǐng)求方法使用了插件，在使用下拉框時(shí)，因?yàn)槲倚枰@取選中的選項(xiàng)中的其他值，因此需要傳入對(duì)象。 在做后臺(tái)管理時(shí)，使用了vue搭配elementUI，請(qǐng)求方法使用了axios插件，在使用下拉框時(shí)，因?yàn)槲倚枰@取選中的選項(xiàng)中的其他值，因此需要傳入對(duì)象。對(duì)select下拉框的文檔沒(méi)有讀的很仔細(xì)，百度過(guò)幾篇文章，也沒(méi)有理解他們表達(dá)的意思，然后自己又去看文檔，把他的屬性看...

    Drummor 評(píng)論0 收藏0

  • 使用vue+element ui 實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)

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

    netScorpion 評(píng)論0 收藏0

  • 原生js實(shí)現(xiàn)省市區(qū)三級(jí)聯(lián)動(dòng)插件

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

    mumumu 評(píng)論0 收藏0

  • jquery移動(dòng)端省市縣（區(qū)）三級(jí)聯(lián)動(dòng)插件

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

    Rocko 評(píng)論0 收藏0

  • jquery移動(dòng)端省市縣（區(qū)）三級(jí)聯(lián)動(dòng)插件

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

    spacewander 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<