Slider スライダー

範囲内の数値を選択します。

コードデモ

現在の値: 40

スライダー

<m-slider min="0" max="100" value="40" show-value @change="onSliderChange" />

<!-- 自定义颜色 -->
<m-slider value="30" active-color="#10B981" stroke-width="8" />
<m-slider value="50" active-color="#F59E0B" background-color="#FEF3C7" />

API

プロパティ

属性	说明	类型	默认值
min	最小値	number	0
max	最大値	number	100
step	刻み	number	1
value	現在の値	number	0
disabled	無効にするか	boolean	false
show-value	現在の値を表示するか	boolean	false
active-color	選択済み部分の色	string	-
background-color	背景バーの色	string	-
block-size	つまみのサイズ（px）	number	28

イベント

属性	说明	类型	默认值
changing	ドラッグ中	{ value }	-
change	ドラッグ終了時	{ value }	-