lighty-admin-vite/src/api/hook-demo/use-fetch-select.ts

基于 Vue3、TypeScript、Element Plus、Pinia 和 Vite 等主流技术.

/** 模拟接口响应数据 */
const SELECT_RESPONSE_DATA = {
  code: 0,
  data: [
    {
      label: "苹果",
      value: 1
    },
    {
      label: "香蕉",
      value: 2
    },
    {
      label: "橘子",
      value: 3,
      disabled: true
    }
  ],
  message: "获取 Select 数据成功"
}

/** 模拟接口 */
export function getSelectDataApi() {
  return new Promise<typeof SELECT_RESPONSE_DATA>((resolve, reject) => {
    // 模拟接口响应时间 2s
    setTimeout(() => {
      // 模拟接口调用成功
      if (Math.random() < 0.8) {
        resolve(SELECT_RESPONSE_DATA)
      } else {
        // 模拟接口调用出错
        reject(new Error("接口发生错误"))
      }
    }, 2000)
  })
}