CityPicker

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

CityPicker - 图1

引入

  1. import mpCitypicker from 'mpvue-weui/src/city-picker';
  2. export default {
  3.   components: {
  4.     mpCitypicker,
  5.   },
  6. }

使用

  1.  <mp-citypicker ref="mpCityPicker" :pickerValueDefault="pickerValueDefault" @onChange="onChange" @onCancel="onCancel" @onConfirm="onConfirm"></mp-citypicker>
  1. /* 调用组件的 `show` 方法进行初始化 */
  2. this.$refs.mpCityPicker.show();
参数说明类型默认值
pickerValueDefault设置默认城市Array[0, 0, 0]

Event

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

cityCode

cityCode 是城市的唯一编号。