基於 Weui.js 的地區選擇器 weui-distpicker

Weui - Distpicker 是一個 V - Distpicker 的延伸版本，一個基於 Weui.js 簡單、易用、靈活的 Vue 組件。

weui.js 是一個輕量的 Javascript UI 框架，固然這個 UI 只針對於移動端。

爲什麼有了 v-distpicker，造這輪子？

有更好的 UI 支持，Weui - Distpicker 支持返回地區名字以及地區代碼。

固然下 V - Distpicker 的下一個版本也會支持地區代碼的返回。

• 網站：http://weui-distpicker.iline.co

• 源碼：https://github.com/jcc/weui-distpicker

好了，話很少說，下面來了解一下 weui-distpicker，用法基本跟 v-distpicker 同樣，但要注意事件方法有點區別的哦。

安裝

使用 npm 安裝：

npm install weui-distpicker --save

使用 yarn 安裝

yarn add weui-distpicker --save

使用

註冊組件

註冊全局組件

import WeuiDistpicker from 'weui-distpicker'

Vue.component('weui-distpicker', WeuiDistpicker);

註冊組件

import WeuiDistpicker from 'weui-distpicker'

export default {
  components: { WeuiDistpicker }
}

簡單使用

基礎

<weui-distpicker></weui-distpicker>

默認值

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

簡單預覽weui-distpicker

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

更多請關注 PJ Blog