Picker ピッカー

下から表示されるロール式の選択 UI です。単一列、複数列、日付、時刻に対応します。

コードデモ

都市北京 ›

日付タップして選択 ›

時刻タップして選択 ›

ピッカー

行をタップしてパネルを開きます

<m-picker mode="selector"
  :range='["北京","上海","广州","深圳","杭州"]'
  @change="onCityChange">
  <div>城市: {{ selectedCity }} ›</div>
</m-picker>

<m-picker mode="date" start="2020-01-01" end="2030-12-31"
  @change="onDateChange">
  <div>日期: {{ selectedDate }} ›</div>
</m-picker>

<m-picker mode="time" @change="onTimeChange">
  <div>时间: {{ selectedTime }} ›</div>
</m-picker>

API

プロパティ

属性	说明	类型	默认值
mode	ピッカーの種類	selector | multi | date | time	selector
range	選択肢のデータ（JSON 文字列）	string (json)	[]
value	現在の選択	string	-
start	有効範囲の開始（date モード）	string	-
end	有効範囲の終了（date モード）	string	-
disabled	無効にするか	boolean	false

イベント

属性	说明	类型	默认值
change	選択を確定したとき	{ value }	-
cancel	キャンセルしたとき	-	-