useToggle
用于在 true
和 false
之间进行切换。
基本用法
js
import { useToggle } from '@ryxon/use'
export default {
setup() {
const [state, toggle] = useToggle()
toggle(true)
console.log(state.value) // -> true
toggle(false)
console.log(state.value) // -> false
toggle()
console.log(state.value) // -> true
}
}
设置默认值
js
import { useToggle } from '@ryxon/use'
export default {
setup() {
const [state, toggle] = useToggle(true)
console.log(state.value) // -> true
}
}
API
类型定义
ts
function useToggle(
defaultValue: boolean
): [Ref<boolean>, (newValue: boolean) => void]
参数
参数 | 说明 | 类型 | 默认值 |
---|---|---|---|
defaultValue | 默认值 | boolean | false |
返回值
参数 | 说明 | 类型 |
---|---|---|
state | 状态值 | Ref\<boolean> |
toggle | 切换状态值的函数 | (newValue?: boolean) => void |