基于vben的loading组件,对全局loading进行处理,优化用户体验

import { useLoading } from '/@/components/Loading';

// 请求个数
let requestNumber = 0
const [openFullLoading, closeFullLoading] = useLoading({
  tip: '加载中...',
});

// 开启全局loading
const openLoading = () => {
  requestNumber++
  if (requestNumber === 1) {
    openFullLoading()
  }
}

// 关闭全局loading
const closeLoading = () => {
  requestNumber--
  if (requestNumber === 0) {
    closeFullLoading()
  }
}

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐