1 Star 0 Fork 0

任林 / rl-plus-docs

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
BaseSlider.md 1.91 KB
一键复制 编辑 原始数据 按行查看 历史
renlin@300.cn 提交于 2022-11-07 10:06 . add:modelValue

< 返回主页

滑块(BaseSlider)

  • 支持v-bind="$attrs"

引入

    import {BaseSlider} from 'rl-plus';

使用

<template>
<!-- 方法一 -->
<BaseSlider :config="config" v-model="config.value"/>
<BaseSlider :config="config" v-model:value="config.value"/>
<!-- 方法二 -->
<BaseSlider :config="config" :modelValue="config.value" @update:modelValue = "config.value = $event" />
<BaseSlider :config="config" :value="config.value" @update:value = "config.value = $event" />
</template>
<script setup>
    import {BaseSlider} from 'rl-plus';
    import type {BaseSliderType} from 'rl-plus';
    <!-- 配置 -->
    const config:BaseSliderType={
        value:''
    }
</script>

属性 参照element-plus滑块文档

属性 说明 类型 默认值
value 值(必填) any ''
min Number
max Number
step Number
showINput Boolean
showInputControls Boolean
inputSize String
showStops Boolean
showTooltip Boolean
formatTooltip Function
range Boolean
vertical Boolean
height String
rangeStartLabel String
rangeEndLabel String
formatValueText Function
debounce Number
tooltipClass String
placement String
marks ObjectType
disabled Boolean
size Sizes
placeholder String
clearable Boolean
autocomplete String
validateEvent Boolean
name String
style StyleType
class StyleType

事件

事件名 说明 回调参数
update:value
1
https://gitee.com/renlin901017/rl-plus-docs.git
git@gitee.com:renlin901017/rl-plus-docs.git
renlin901017
rl-plus-docs
rl-plus-docs
master

搜索帮助