Slider 滑块

avue-slider：单值是数字，range: true 是两项数字数组；独立使用建议显式设置 type 为 slider。

通用属性、字典与事件见 基础组件使用约定。模板属性可写为 kebab-case，Form 配置对象使用 camelCase。

基础用法

效果预览可直接操作下方示例

独立组件通过 v-model 绑定单个字段；在 Form 中使用时，将相应配置放入 column。

正在加载示例…

<template>
  <el-row :span="24">
    <el-col :span="6">
      值: {{ form }}<br />
      <avue-slider v-model="form"
                   :max="100"
                   :min="20"></avue-slider>
    </el-col>
  </el-row>
</template>

<script setup>
import { ref } from 'vue'

const form = ref(52)
</script>

属性

属性	类型	默认值	说明
min / max / step	number	交给 Element Plus	上下限与步长
range	boolean	false	区间模式
showInput / showStops	boolean	false	数值输入与间断点
marks	object	—	刻度数值为键的标记
vertical	boolean	false	垂直模式
height	string	—	垂直高度，如 240px
formatTooltip	function	—	(value) => text

change 使用公共事件对象。垂直模式需要给容器足够高度。