Vant4 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 |