useToggle

基础使用

boolean 的切换

vue
<template>
  <div style="margin: 10px 0">
    Effects:
    <span style="color: red">{{ currState }}</span>
  </div>
  <ap-button @click="toggleFn">Toggle</ap-button>
  <ap-button @click="setStateFn(false)">Toggle False</ap-button>
  <ap-button @click="setStateFn(true)">Toggle True</ap-button>
</template>

<script setup lang="ts">
import { useToggle } from 'apathia-ui'

const [state, toggle, setState] = useToggle(false)
const currState = state
const toggleFn = toggle
const setStateFn = setState
</script>

参数

useToggle(val) 将返回一个响应式的 bool 值、切换函数、赋值函数

参数	说明	类型	默认值
val	初始化的 boolean 值	Boolean	false

useToggle ​

基础使用 ​

参数 ​

useToggle

基础使用

参数