useToNumber
响应式地将字符串 ref 转换为数字。
用法
ts
import { useToNumber } from '@vueuse/core'
import { shallowRef } from 'vue'
const str = shallowRef('123')
const number = useToNumber(str)
number.value // 123
类型声明
typescript
export interface UseToNumberOptions {
/**
* Method to use to convert the value to a number.
*
* Or a custom function for the conversion.
*
* @default 'parseFloat'
*/
method?: "parseFloat" | "parseInt" | ((value: string | number) => number)
/**
* The base in mathematical numeral systems passed to `parseInt`.
* Only works with `method: 'parseInt'`
*/
radix?: number
/**
* Replace NaN with zero
*
* @default false
*/
nanToZero?: boolean
}
/**
* Reactively convert a string ref to number.
*/
export declare function useToNumber(
value: MaybeRefOrGetter<number | string>,
options?: UseToNumberOptions,
): ComputedRef<number>
源码
贡献者
更新日志
v12.8.0
于 2025/3/5v12.3.0
于 2025/1/259f75
- feat(toValue): 弃用 @vueuse/shared
中的 toValue
,转而使用 Vue 的原生方法v12.0.0-beta.1
于 2024/11/21v10.0.0-beta.4
于 2023/4/134d757
- feat(types)!: 将 MaybeComputedRef
重命名为 MaybeRefOrGetter
0a72b
- feat(toValue): 将 resolveUnref
重命名为 toValue