介绍
用于在 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 |