一个简单易用的 Vue 组件 V - Distpicker

V - Distpicker 是一个简单、易用、灵活的 Vue 组件，且兼容 PC端、移动端。

由于最近使用 vue 比较多，加上项目需求，写了这个地址选择器。

有人会觉得已经有很多的地址选择器，为何还要花那么多的精力去写一个？

大多数的地址选择器都是基于 JQuery 的，当然也有 vue 的，但是满足不了需求，

因为我需要移动端的。

• 网站：http://distpicker.iline.co

• 源码：https://github.com/jcc/v-distpicker

我并不是一个前端，所以如果代码写得不好，请大家多多直接，我会不断提高自己的水平。

好了，话不多说，下面来了解一下 v-distpicker。

安装

使用 npm 安装：

npm install v-distpicker --save

使用 yarn 安装

yarn add v-distpicker --save

使用

注册组件

注册全局组件

import VDistpicker from 'v-distpicker'

Vue.component('v-distpicker', VDistpicker);

注册组件

import VDistpicker from 'v-distpicker'

export default {
  components: { VDistpicker }
}

简单使用

基础

<v-distpicker></v-distpicker>

默认值

<v-distpicker province="广东省" city="广州市" area="海珠区"></v-distpicker>

移动端

<v-distpicker type="mobile"></v-distpicker>

简单预览v-distpicker

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

更多请关注PJ Blog