1.1.3 • Published 6 years ago
vue-area-change v1.1.3
vue-area-change
省区市滑动选择插件
安装
npm install vue-area-change --save
使用
//ES6引入
import areaChange from 'vue-area-change'
//require引入
var areaChange = require('AreaChange')
Vue.use(areaChange)
//组件中使用
<vue-area-change></vue-area-change>
配置
<vue-area-change :isShow="isShow"
:font-size="size"
active-color="green"
:line-height="height"
@fade="hidden"
@selectdone="doSomething"></vue-area-change>
Props说明
参数 | 作用 | 类型 | 默认值 |
---|---|---|---|
isShow | 显示插件 | Boolean | false |
font-size | 省市区文字的大小 | Number | 14 (px) |
active-color | 被选中的颜色 | String | rgb(84, 193, 153) |
line-height | 数据的行高 | Number | 30 (px) |
事件
name | Description |
---|---|
fade | 隐藏插件的事件 |
selectdone | 选择省市区完成的事件,一并返回位置数据 |
位置数据格式
{
province:"北京"
city:"北京市",
district:"海定区",
location:{
lat:39.90469
lng:116.40717
}
}