一個簡單易用的 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>

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