Appearance
组合 API
脚手架包含很多常用功能,以组合 API 的形式定义在 composables/hd 目录中。
请自行查看源码与注释学习。
举例
下面是定义在 composables/hd/useUtil.ts 中的 useIntervalRequest 方法,指定时间内执行回调函数,比如间隔60秒后发送验证码。
<script setup lang="ts">
import useIntervalRequest from '@/components/useIntervalRequest'
const { handle, time } = useIntervalRequest(10, () => {
console.log('abc')
})
</script>
<template>
<el-button disabled size="default" v-if="time">请{{ time }}后操作</el-button>
<el-button type="primary" size="default" @click="handle" v-else>发送验证码</el-button>
</template>