一個簡單易用的 Vue 組件 V - Distpicker

V - Distpicker 是一個簡單、易用、靈活的 Vue 組件，且兼容 PC端、移動端。

因爲最近使用 vue 比較多，加上項目需求，寫了這個地址選擇器。

有人會以爲已經有不少的地址選擇器，爲什麼還要花那麼多的精力去寫一個？

大多數的地址選擇器都是基於 JQuery 的，固然也有 vue 的，可是知足不了需求，

由於我須要移動端的。

• 網站：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></v-distpicker>

默認值

<v-distpicker province="廣東省" city="廣州市" area="海珠區"></v-distpicker>

移動端

<v-distpicker type="mobile"></v-distpicker>

簡單預覽v-distpicker

最後，求一波 stars https://github.com/jcc/v-distpicker 2333333.

更多請關注PJ Blog