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

2017-06-01 1,874 阅读1分钟

Jiajian，入门， components， Vuejs，距现在7小时

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>

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