您的位置:58编程 > Vant3 useToggle

Vant3 useToggle

2023-05-02 01:33 Vant3中文教程

 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


阅读全文
以上是58编程为你收集整理的 Vant3 useToggle全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 58编程 58biancheng.com 版权所有 联系我们
桂ICP备12005667号-32 Powered by CMS