代码拉取完成,页面将自动刷新
一个简单的省区市滑动选择插件
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>
参数 | 作用 | 类型 | 默认值 |
---|---|---|---|
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.83507
lng:119.48458
}
}
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。