11 Star 31 Fork 7

leichangchun / vue-area-select

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

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 显示插件 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
  }
}

空文件

简介

简单的省区市联动选择插件 展开 收起
JavaScript
取消

发行版

暂无发行版

贡献者

全部

近期动态

加载更多
不能加载更多了
JavaScript
1
https://gitee.com/leichangchun/vue-area-select.git
git@gitee.com:leichangchun/vue-area-select.git
leichangchun
vue-area-select
vue-area-select
master

搜索帮助