Skip to content

useToggle

用于在 truefalse 之间进行切换。

基本用法

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默认值booleanfalse

返回值

参数说明类型
state状态值Ref\<boolean>
toggle切换状态值的函数(newValue?: boolean) => void

Released under the MIT License.