配置

配置

默认配置

useRequest默认开启了一些配置,使得它会具有以下行为:

  • 发起请求时,取消尚未完成的请求
  • 组件卸载时,取消该组件尚未完成的请求

你可以通过全局配置局部配置覆盖它,具体配置项可参考 Options

全局配置

如果你想全局定义useRequest的行为,避免在使用时进行大量重复的配置,可以通过使用setGlobalOptions来达到这个目的。

// main.ts
import { setGlobalOptions } from '@superarale/vue-use-request';
// ...
setGlobalOptions({
  useLastRequest: true,
  // ...
});

局部配置

// app.vue
// ...
const { result } = useRequest(request, {
  useLastRequest: false, // 覆盖全局配置
});
// ...

类型

useRequest导出了全局配置项和局部配置项的Typescript类型IGlobalOptionsIUseRequestOptions

import { IGlobalOptions, IUseRequestOptions, setGlobalOptions } from '@superarale/vue-use-request';
// ...
const globalOptions: IGlobalOptions = {
  cancelOnDispose: false,
};
setGlobalOptions(globalOptions);
// ...
const options: IUseRequestOptions<IResult> =  {
  useLastRequest: true,
};
const { result } = useRequest(request, options);
// ...

TIP

配置权重:默认配置 < 全局配置 < 局部配置。

Last Updated 2023/10/22 03:51:31