滑块 Slider

对应 Arco Slider，使用细轨道与圆形滑块。 属性用法见 Element Plus 文档。

基础与禁用

拖动滑块调整数值，disabled 显示禁用态。

<script setup lang="ts">
import { ref } from 'vue'
const value = ref(40)
</script>

<template>
  <div style="width: 100%; display: grid; gap: 20px">
    <el-slider v-model="value" />
    <el-slider :model-value="40" disabled />
  </div>
</template>

范围与刻度

range 选择范围，show-stops 展示 Element Plus 的刻度布局。

<script setup lang="ts">
import { ref } from 'vue'
const value = ref([20, 60])
</script>

<template>
  <el-slider v-model="value" range :step="10" show-stops style="width: 100%" />
</template>

与 Arco 的差异

• 刻度、标记与数字输入框沿用 Element Plus 布局。