Vant3 useToggle

介紹

用于在 ?true ?和 ?false ?之間進(jìn)行切換。

代碼演示

基本用法

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
  },
};

設(shè)置默認(rèn)值

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];

參數(shù)

返回值