Vant3 中文入门教程 Vant3 useToggle

2024-02-25 开发教程 Vant3 中文入门教程 匿名 3

介绍

用于在 ​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