用途:el-slider 是 Element Plus 的滑块组件,让用户在固定区间内拖动选择数值,常用于数值范围选择、音量或亮度控制、价格区间筛选与进度指示。
主要能力:属性支持 v-model 绑定值(number 或 number[])、min、max、step(步长,可为 'mark')、disabled、size、show-input 显示输入框、show-input-controls、show-stops 显示断点、show-tooltip、range 范围模式、vertical 纵向模式、height、marks 刻度标记、placement 提示位置。事件包含 change(值变化时触发)与 input(滑动过程中触发)。
使用方式:基础用法为 <el-slider v-model="value" />;离散值加 :step="10" show-stops;配合输入框加 show-input;范围选择加 range 并绑定数组;纵向模式加 vertical 与 height;刻度标记通过 :marks 传入对象。
最佳实践:用 marks 标注有意义的区间,用 range 做最小/最大选择,用 step="mark" 将取值限制在标记点上。
限制:资料未提供收费、平台兼容性或其他限制信息。