useClamp

Category

@Math

Export Size

235 B

Package

@vueuse/math

Last Changed

3 hours ago

在两个其他值之间响应式地夹取一个值。

Demo

source

min: max: value: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)

Type Declarations

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

Source • Demo • Docs

Contributors

jorshen

Changelog

No recent changes