代码拉取完成,页面将自动刷新
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>
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
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 |
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。