基于 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