useClamp

类别

@Math

导出大小

235 B

包

@vueuse/math

最后更改

5 天前

响应式地将一个值限制在另外两个值之间。

演示

源

最小值最大值值:0

用法

import { useClamp } from '@vueuse/math'

const min = shallowRef(0)
const max = shallowRef(10)
const value = useClamp(0, min, max)

你也可以传入一个 ref，当源 ref 改变时，返回的 computed 将会被更新

import { useClamp } from '@vueuse/math'

const number = shallowRef(0)
const clamped = useClamp(number, 0, 10)

类型声明

export declare function useClamp(
  value: ReadonlyRefOrGetter<number>,
  min: MaybeRefOrGetter<number>,
  max: MaybeRefOrGetter<number>,
): ComputedRef<number>
export declare function useClamp(
  value: MaybeRefOrGetter<number>,
  min: MaybeRefOrGetter<number>,
  max: MaybeRefOrGetter<number>,
): Ref<number>

源码

Source • Demo • Docs

贡献者

Anthony Fu

Anthony Fu

IlyaL

ClemDee

更新日志

v12.8.0 于 3/5/2025

7432f - feat(types): 弃用 MaybeRef 和 MaybeRefOrGetter，转而使用 Vue 原生的 (#4636)

v12.3.0 于 1/2/2025

59f75 - feat(toValue): 弃用 @vueuse/shared 中的 toValue，转而使用 Vue 原生的

v12.0.0-beta.1 于 11/21/2024

0a9ed - feat!: 移除 Vue 2 支持，优化包体积并清理代码 (#4349)

v10.0.0-beta.5 于 4/13/2023

cb644 - refactor!: 移除 isFunction 和 isString 工具函数

v10.0.0-beta.4 于 4/13/2023

4d757 - feat(types)!: 将 MaybeComputedRef 重命名为 MaybeRefOrGetter

0a72b - feat(toValue): 将 resolveUnref 重命名为 toValue

v9.13.0 于 2/18/2023

08a07 - feat: 改进 composable computed 的用法 (#2696)