基于 Weui.js 的地区选择器 weui-distpicker
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
最后,求一波 stars
https://github.com/jcc/weui-distpicker 2333333.
更多请关注 PJ Blog
本作品采用《CC 协议》,转载必须注明作者和本文链接
推荐文章: