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

2019年8月31日 240次阅读 来源: jcc

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

《一个简朴易用的 Vue 组件 V - Distpicker》

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

更多请关注PJ Blog

    原文作者：jcc
    原文地址: https://segmentfault.com/a/1190000008737008
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞