1. 首页
  2. 编程语言
  3. Javascript
  4. 为vue项目自动设置请求状态的配置方法

为vue项目自动设置请求状态的配置方法

上传者: 2021-05-15 11:48:42上传 PDF文件 82.49 KB 热度 10次

在进入一个页面的时候,一般在获取数据的同时,会先显示一个 loading ,等请求结束再隐藏 loading 渲染页面,只需要用一个属性去记录请求的状态,再根据这个状态去渲染页面就好了虽然是很简单的功能,可是要处理的地方多的时候,还是很繁琐的,就想着能不能统一设置处理请求的 loading ,然后页面根据 loading 的状态决定要显示的内容,就根据自己的想法做了一些封装,自动给所有 ajax 请求设置 loading 状态,主要思路是把所有请求集中到单一实例上,通过 proxy 代理属性访问,把 loading 状态提交到 store 的 state 中安装演示使用配置 store 的 state 及 mutations把所有请求集中到一个对象上完成以上配置之后,通过上面 Vuex.Store 创建的实例包含所有请求的对象,可以配置 global 和 modules 属性

用户评论