useClamp

反应式性地将一个值钳位在两个其他值之间。

¥Reactively clamp a value between two other values.

示例

源代码演练场

min: max: value:0

用法

¥Usage

import { useClamp } from '@vueuse/math'

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

你还可以传递 ref，当源引用更改时，返回的 computed 将更新：

¥You can also pass a ref and the returned computed will be updated when the source ref changes:

import { useClamp } from '@vueuse/math'

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