基于 Weui.js 的地区选择器 weui-distpicker

阅读 1108
收藏 0
2017-06-01
原文链接: pigjian.com

基于 Weui.js 的地区选择器 weui-distpicker

A easy-to-use district selector component base on weui.js.
Jiajian, 入门componentsVuejs距现在7小时

Powered By Jiajian Chan

Weui - Distpicker 是一个 V - Distpicker 的延伸版本,一个基于 Weui.js 简单、易用、灵活的 Vue 组件。

weui.js 是一个轻量的 Javascript UI 框架,当然这个 UI 只针对于移动端。

为何有了 v-distpicker,造这轮子?

有更好的 UI 支持,Weui - Distpicker 支持返回地区名字以及地区代码。

当然下 V - 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

weui-distpicker-example.png

最后,求一波 stars github.com/jcc/weui-di… 2333333.