1.0.7 • Published 3 years ago

lg-area-picker v1.0.7

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

省市区地址选择

适配移动端和pc端

安装

npm i --save lg-area-picker

如何使用

使用举例

template:
<choose-area :value="value" @confirm="getAddress"></choose-area>

script:
import ChooseArea from 'lg-area-picker'

data() {
  return {
    value: ['350000', '350200', '350203']
  };
},
methods: {
  getAddress(areaInfo) {
    console.log("areaInfo", areaInfo);
  }
}

参数

参数类型描述默认值
valueArray当前选中省市区各级对应编码,格式举例:'350000', '350200', '350203'空数组
titleString顶部栏标题请选择地址
confirm-button-textString确认按钮文字确认
cancel-button-textString取消按钮文字取消
area-listArray省市区地址数据,格式举例:[{ value: '110000', label: '北京市', children: ... }, ...]内含的地址数据文件
item-heightNumber每行选项的高度,单位px,最小18px50px
visible-item-countNumber可见的选项个数3
show-current-rowNumber用于显示当前选中数据的行2
column-numNumber显示列数,3-省市区,2-省市,1-省3

回调事件

事件描述回调参数
confirm点击右上方完成按钮三级地址对象组成的数组
cancel点击左上方取消按钮,恢复为最新的value或最后一次confirm对应的值-
change选项改变时触发三级地址对象组成的数组,当前列对应的索引(从0开始)
1.0.7

3 years ago

1.0.6

3 years ago

1.0.5

3 years ago

1.0.4

3 years ago

1.0.2

3 years ago

1.0.3

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago