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

Powered By Jiajian Chan

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

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

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

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

因为我需要移动端的。

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

好了,话不多说,下面来了解一下 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

distpicker

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

本作品采用《CC 协议》,转载必须注明作者和本文链接
Nothing is impossible. —— @Jiajian Chan
本帖由 Summer 于 7年前 加精
《L04 微信小程序从零到发布》
从小程序个人账户申请开始,带你一步步进行开发一个微信小程序,直到提交微信控制台上线发布。
《G01 Go 实战入门》
从零开始带你一步步开发一个 Go 博客项目,让你在最短的时间内学会使用 Go 进行编码。项目结构很大程度上参考了 Laravel。
讨论数量: 7
Destiny

佳佳,我第一个点赞哈!

7年前 评论

@Destiny 我的名字是这个家:joy:

7年前 评论
Destiny

@cjjian 嗯,知道了佳佳

7年前 评论
nff93

@cjjian 那个下拉框能美化一下就甚好了,目前这样和Element一起用起来好违和。。。

7年前 评论

@nff93 哈哈哈,会在新版本考虑,暂时是用 select 下拉框。

7年前 评论

放到项目里了,相当赞?

6年前 评论

@茄子 感谢茄子大大的支持.

gif

6年前 评论

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!