Loading Delay

通过设置 options.loadingDelay ，可以延迟 loading 变成 true 的时间，有效防止闪烁。

React

const { loading, data } = useRequest(getUsername, {
  loadingDelay: 300,
});

return <div>{loading ? 'Loading...' : data}</div>;

Vue

<template>
  <block>
    <view>{{request.loading ? 'Loading...' : request.data}}</view>
  </block>
</template>
<script>
  export default {
    setup() {
      // 由于要保证request内部的变量不失活。 这里简单的可以将request直接抛出
      const request = useRequest(getUsername, {
        loadingDelay: 300,
      });

      return {
        request,
      };
    },
  };
</script>

例如上面的场景，假如 getUsername 在 300ms 内返回，则 loading 不会变成 true，避免了页面展示 Loading... 的情况。

你可以快速点击下面示例中的按钮以体验效果

API

参数	说明	类型	默认值
loadingDelay	设置 loading 变成 true 的延迟时间	number	0

备注

options.loadingDelay 支持动态变化。