Skip to content

组合 API

向军大叔每晚八点在 抖音bilibli 直播

xj-small

脚手架包含很多常用功能,以组合 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>