資訊專欄INFORMATION COLUMN
摘要：是一個簡單易用靈活的組件，且兼容端移動端。由于最近使用比較多，加上項目需求，寫了這個地址選擇器。網(wǎng)站源碼我并不是一個前端，所以如果代碼寫得不好，請大家多多直接，我會不斷提高自己的水平。好了，話不多說，下面來了解一下。
V - Distpicker 是一個簡單、易用、靈活的 Vue 組件，且兼容 PC端、移動端。
由于最近使用 vue 比較多，加上項目需求，寫了這個地址選擇器。
有人會覺得已經(jīng)有很多的地址選擇器，為何還要花那么多的精力去寫一個？
大多數(shù)的地址選擇器都是基于 JQuery 的，當然也有 vue 的，但是滿足不了需求，
因為我需要移動端的。
網(wǎng)站：http://distpicker.iline.co
源碼：https://github.com/jcc/v-distpicker
我并不是一個前端，所以如果代碼寫得不好，請大家多多直接，我會不斷提高自己的水平。
好了，話不多說，下面來了解一下 v-distpicker。
安裝使用 npm 安裝：
npm install v-distpicker --save
使用 yarn 安裝
yarn add v-distpicker --save使用 注冊組件
注冊全局組件
import VDistpicker from "v-distpicker"
Vue.component("v-distpicker", VDistpicker);
注冊組件
import VDistpicker from "v-distpicker"
export default {
components: { VDistpicker }
}
簡單使用
基礎
默認值
移動端
簡單預覽v-distpicker
最后，求一波 stars https://github.com/jcc/v-distpicker 2333333.
更多請關注PJ Blog
文章版權歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/82091.html
摘要：下載配置在中引用引入省市選擇器注冊組件使用這就已經(jīng)配置完了可以使用了附上我的代碼所在地城市選擇器填寫詳細地址城市選擇器請選擇所在省份請選擇所在城市傳給父組件的值詳情的內(nèi)容先分割省自治區(qū)市特別行政區(qū)取出省 1下載 npm install v-distpicker --save or yarn add v-distpicker --save 2配置 1)在main.js中引用 imp...
摘要：是一個的延伸版本，一個基于簡單易用靈活的組件。是一個輕量的框架，當然這個只針對于移動端。為何有了，造這輪子有更好的支持，支持返回地區(qū)名字以及地區(qū)代碼。 Weui - Distpicker 是一個 V - Distpicker 的延伸版本，一個基于 Weui.js 簡單、易用、靈活的 Vue 組件。 weui.js 是一個輕量的 Javascript UI 框架，當然這個 UI 只針對...
摘要：之后，又是一個簡單易用靈活的組件。這次我?guī)砹耍粋€帶有文字匹配的。好，廢話少說，接下來簡單介紹一下如何使用。簡單預覽最后，歡迎大家來給我提意見，我會不斷完善。 showImg(https://segmentfault.com/img/remote/1460000009418124); V - Distpicker 之后，V - Textcomplete 又是一個簡單、易用、靈活的 V...
摘要：十分便捷的三級聯(lián)動插件官網(wǎng)步驟下載步驟使用與引入在中注冊全局組件在文件中使用組件你需要用到三級聯(lián)動的頁面的里如何使用組件在該文件的部分寫廣東省廣州市海珠區(qū)移動端步驟如何獲取他們的數(shù)據(jù)給部分一個點擊事件在配置 十分便捷的三級聯(lián)動插件 官網(wǎng)：https://www.awesomes.cn/repo/... 步驟1：下載 npm install v-distpicker --save O...
閱讀 1719·2021-11-02 14:47
閱讀 3664·2019-08-30 15:44
閱讀 1353·2019-08-29 16:42
閱讀 1746·2019-08-26 13:53
閱讀 949·2019-08-26 10:41
閱讀 3479·2019-08-23 17:10
閱讀 616·2019-08-23 14:24
閱讀 1734·2019-08-23 11:59
