主页 / coding / 问题 / 78445581
Accepted
user824624
Asked: 2024-05-08 08:18:29 +0800 CST

在 vue3 中，类型“unknown”不可分配给类型“any[]”

  • 772

在 vue3 的代码中

const jobs = ref([]);

async function getQueueJobs(status: string) {
  let result = await request({
    url: '/api/v1/jobs',
    method: 'get',
    headers: { 'Content-Type': 'application/json' },
  });
  jobs.value = result['data'];
  console.log('......', jobs.value);
}

编译时出现错误说

类型“unknown”不可分配给类型“any[]”。

尝试过

const jobs = ref(any[]);

编译时出现错误说

元素访问表达式应该带有一个参数。

如何处理这个编译问题？

typescript

1 个回答

  1. Best Answer

    理想情况下，您将为 Ref 和结果data 属性添加适当的类型。

    引用很简单（假设定义了Job类型）

    const jobs = ref<Job[]>([]);

    请参阅https://vuejs.org/guide/typescript/composition-api#typing-ref

    输入结果data取决于什么request()，但由于它默认为unknown，因此您可以简单地转换它

    jobs.value = result.data as Job[];

    假设request()是axios()（它具有所有特征），您可以通过提供通用覆盖来轻松键入响应数据。

    此外，GET 是默认设置，此类请求没有正文，因此不需要内容类型标头

    jobs.value = (await request<Job[]>('/api/v1/jobs')).data;
    • 2

相关问题