基于 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.js 的地区选择器 weui-distpicker_第1张图片

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

更多请关注 PJ Blog

你可能感兴趣的:(component,javascript,vue.js)