摘要:是一個(gè)簡(jiǎn)單易用靈活的組件,且兼容端移動(dòng)端。由于最近使用比較多,加上項(xiàng)目需求,寫了這個(gè)地址選擇器。網(wǎng)站源碼我并不是一個(gè)前端,所以如果代碼寫得不好,請(qǐng)大家多多直接,我會(huì)不斷提高自己的水平。好了,話不多說,下面來了解一下。
V - Distpicker 是一個(gè)簡(jiǎn)單、易用、靈活的 Vue 組件,且兼容 PC端、移動(dòng)端。
由于最近使用 vue 比較多,加上項(xiàng)目需求,寫了這個(gè)地址選擇器。
有人會(huì)覺得已經(jīng)有很多的地址選擇器,為何還要花那么多的精力去寫一個(gè)?
大多數(shù)的地址選擇器都是基于 JQuery 的,當(dāng)然也有 vue 的,但是滿足不了需求,
因?yàn)槲倚枰苿?dòng)端的。
網(wǎng)站:http://distpicker.iline.co
源碼:https://github.com/jcc/v-distpicker
我并不是一個(gè)前端,所以如果代碼寫得不好,請(qǐng)大家多多直接,我會(huì)不斷提高自己的水平。
好了,話不多說,下面來了解一下 v-distpicker。
安裝使用 npm 安裝:
npm install v-distpicker --save
使用 yarn 安裝
yarn add v-distpicker --save使用 注冊(cè)組件
注冊(cè)全局組件
import VDistpicker from "v-distpicker" Vue.component("v-distpicker", VDistpicker);
注冊(cè)組件
import VDistpicker from "v-distpicker" export default { components: { VDistpicker } }簡(jiǎn)單使用
基礎(chǔ)
默認(rèn)值
移動(dòng)端
簡(jiǎn)單預(yù)覽v-distpicker
最后,求一波 stars https://github.com/jcc/v-distpicker 2333333.
更多請(qǐng)關(guān)注PJ Blog
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://m.specialneedsforspecialkids.com/yun/82091.html
摘要:下載配置在中引用引入省市選擇器注冊(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...
摘要:是一個(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ì)...
摘要:之后,又是一個(gè)簡(jiǎn)單易用靈活的組件。這次我?guī)砹?,一個(gè)帶有文字匹配的。好,廢話少說,接下來簡(jiǎn)單介紹一下如何使用。簡(jiǎn)單預(yù)覽最后,歡迎大家來給我提意見,我會(huì)不斷完善。 showImg(https://segmentfault.com/img/remote/1460000009418124); V - Distpicker 之后,V - Textcomplete 又是一個(gè)簡(jiǎn)單、易用、靈活的 V...
摘要:十分便捷的三級(jí)聯(lián)動(dòng)插件官網(wǎng)步驟下載步驟使用與引入在中注冊(cè)全局組件在文件中使用組件你需要用到三級(jí)聯(lián)動(dòng)的頁(yè)面的里如何使用組件在該文件的部分寫廣東省廣州市海珠區(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 O...
閱讀 1709·2021-11-02 14:47
閱讀 3657·2019-08-30 15:44
閱讀 1345·2019-08-29 16:42
閱讀 1740·2019-08-26 13:53
閱讀 943·2019-08-26 10:41
閱讀 3472·2019-08-23 17:10
閱讀 613·2019-08-23 14:24
閱讀 1725·2019-08-23 11:59