Vant3 useToggle

介绍

用于在 ​true ​和 ​false ​之间进行切换。

代码演示

基本用法

import { useToggle } from @vant/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
  },
};

设置默认值

import { useToggle } from @vant/use;

export default {
  setup() {
    const [state, toggle] = useToggle(true);
    console.log(state.value); // -> true
  },
};

API

类型定义

function useToggle(
  defaultValue: boolean
): [Ref<boolean>, (newValue: boolean) => void];

参数

参数	说明	类型	默认值
defaultValue	默认值	boolean	false

返回值

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