mpvue-weui

CityPicker

城市选择器，数据来源于 Administrative-divisions-of-China。

隐藏图片

引入

import mpCitypicker from 'mpvue-weui/src/city-picker';
export default {
  components: {
    mpCitypicker,
  },
}

使用

 <mp-citypicker ref="mpCityPicker" :pickerValueDefault="pickerValueDefault" @onChange="onChange" @onCancel="onCancel" @onConfirm="onConfirm"></mp-citypicker>

/* 调用组件的 `show` 方法进行初始化 */
this.$refs.mpCityPicker.show();
参数 说明 类型 默认值
pickerValueDefault 设置默认城市 Array [0, 0, 0]
themeColor 主题颜色 String #1aad19

Event

事件名 说明 参数
@onChange 组件滚动时回调 返回选中的返回 label , value 以及 cityCode 的值
@onConfirm 组件点击确定时回调 返回选中的返回 label , value 以及 cityCode 的值
@onCancel 组件点击取消时回调 返回选中的返回 label , value 以及 cityCode 的值

cityCode

cityCode 是城市的唯一编号。

← DatePicker→