import{o as a,a as n,y as l}from"./vue-libs.b44bc779.js";const t={class:"van-doc-markdown-body"},e=l(`

useToggle

\u4ECB\u7ECD

\u7528\u4E8E\u5728 true \u548C false \u4E4B\u95F4\u8FDB\u884C\u5207\u6362\u3002

\u4EE3\u7801\u6F14\u793A

\u57FA\u672C\u7528\u6CD5

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

\u8BBE\u7F6E\u9ED8\u8BA4\u503C

import { useToggle } from '@vant/use';

export default {
  setup() {
    const [state, toggle] = useToggle(true);
    console.log(state.value); // -> true
  },
};

API

\u7C7B\u578B\u5B9A\u4E49

function useToggle(
  defaultValue: boolean
): [Ref<boolean>, (newValue: boolean) => void];

\u53C2\u6570

\u53C2\u6570	\u8BF4\u660E	\u7C7B\u578B	\u9ED8\u8BA4\u503C
defaultValue	\u9ED8\u8BA4\u503C	boolean	`false`

\u8FD4\u56DE\u503C

\u53C2\u6570	\u8BF4\u660E	\u7C7B\u578B
state	\u72B6\u6001\u503C	Ref<boolean>
toggle	\u5207\u6362\u72B6\u6001\u503C\u7684\u51FD\u6570	(newValue?: boolean) => void

`,9),p=[e],r={__name:"use-toggle.zh-CN",setup(o,{expose:s}){return s({frontmatter:{}}),(d,h)=>(a(),n("div",t,p))}};export{r as default};