美文网首页
vue 返回相应式对象,不需要考虑异步

vue 返回相应式对象,不需要考虑异步

作者: 温柔vs先生 | 来源:发表于2025-04-13 19:37 被阅读0次
// 批量获取字典值
export const useMultiDicts = (types) => {
  const keys = ref({});
  const noExits = [];
  types.forEach((key) => {
    const dicts = useDictStore().getDict(key);
    if (dicts) {
      keys.value[key] = dicts;
    } else {
      keys.value[key] = [];
      noExits.push(key);
    }
  });
  if (noExits.length > 0) {
    queryBatchDicts({ dictType: noExits.join(',') }).then((res) => {
      if (res.code === 200) {
        const data = res.data;
        Object.keys(data).forEach((key) => {
          keys.value[key] = (data[key] || []).map((item) => {
            return {
              dictTab: item.dictTab,
              dictValue: item.dictValue,
              value: item.dictValue,
              label: item.dictTab,
            };
          });
          useDictStore().setDict(key, keys.value[key]);
        });
      }
    });
  }

  return toRefs(keys.value);
};

相关文章

  • VUE API返回值的第一个坑,data对象赋值出现TypeEr

    错误来源:vue获取异步返回数据存在对象下有对象 的情况 怎么回事呢?答:因为异步返回赋值的时候 赋值给 data...

  • JS 手写 Promise

    基本定义 Promise 对象用于表示一个异步操作的最终完成或失败的状态, 并返回相应的结果值; Promise ...

  • Promise异步方案、宏任务和微任务队列

    一种更优的异步编程统一方案,避免回调地狱。Promise对象能把异步操作最终成功的返回值或失败原因和相应的处理程序...

  • Vue.observable 实现简单store管理

    Vue.observable使对象反应。在内部,Vue在data函数返回的对象上使用它。 返回的对象可以直接在渲染...

  • [React-Native]网络请求:Promise

    异步执行的封装 使用Promise的对象封装异步请求,使用resolve和reject分别包装正常返回和异常返回的...

  • Promise

    Promise接口的基本思想是,异步任务返回一个Promise对象。 Promise对象只有三种状态。 异步操作“...

  • vue2.x与vue3.x的对比

    异步组件(vue3.x新增) vue3.x 由于函数式组件被定义为纯函数,因此异步组件的定义需要通过将其包装在新的...

  • iOS 中介者模式

    中介者模式用一个中介对象封装一系列的对象交互。中介者使对象不需要显式地互相应用,从而使其耦合松散,而且可以独立地改...

  • OkHttp Interceptor(拦截器) RealInte

    简单的回顾下同步/异步 同步请求就是执行请求的操作是阻塞式,直到 Http 响应返回异步请求就类似非阻塞式的请求,...

  • 二十三(二)ObjectName物件名

    ObjectName 函数通过对象列表中的索引返回相应对象的名称。 string ObjectName(int ...

网友评论

      本文标题:vue 返回相应式对象,不需要考虑异步

      本文链接:https://www.haomeiwen.com/subject/dufpsjtx.html