1.0.0 • Published 6 years ago

vue-area-select v1.0.0

Weekly downloads
2
License
MIT
Repository
github
Last release
6 years ago

vue-area-select

一个简单的省区市滑动选择插件

安装

npm install vue-area-select-lei --save

使用

//ES6引入
import areaSelect from 'vue-area-select-lei'
//require引入
var areaSelect = require('AreaSelect')

Vue.use(areaSelect)

//组件中使用
<vue-area-select></vue-area-select>

配置

<vue-area-select :isShow="isShow"
                 :font-size="size"
                 active-color="green"
                 :line-height="height"
                 @fade="hidden"
                 @selectdone="doSomething"></vue-area-select>

Props说明

参数作用类型默认值
isShow显示插件Booleanfalse
font-size省市区文字的大小Number14 (px)
active-color被选中的颜色Stringrgb(84, 193, 153)
line-height数据的行高Number30 (px)

事件

nameDescription
fade隐藏插件的事件
selectdone选择省市区完成的事件,一并返回位置数据

位置数据格式

{
  province:"河北省"
  city:"秦皇岛市",
  district:"北戴河区",
  location:{
    lat:39.83507
    lng:119.48458
  }
}
1.0.0

6 years ago