Slider 滑块

通过拖动滑块在一个固定区间内进行选择

基础用法

<template>
    <LiSlider v-model="val"></LiSlider>
</template>
<script setup lang="ts">
    import { ref } from "vue";

    const val = ref(0);
</script>

限制范围

使用min、max属性

当前值为：-100

<template>
    当前值为：{{ val }}
    <LiSlider v-model="val" :min="-100" :max="200"></LiSlider>
</template>
<script setup lang="ts">
    import { ref } from "vue";

    const val = ref(-100);
</script>

步长

使用step属性

<template>
    <LiSlider v-model="val" :step="10"></LiSlider>
</template>
<script setup lang="ts">
    import { ref } from "vue";

    const val = ref(0);
</script>

sider Attributes

参数	说明	类型	可选值	默认值
min	最小值	number		0
max	最大值	number		100
step	步长	number		1