当我将 TypeScript 接口与 Vue3 Ref 一起使用时，类型上不存在属性“值”

Question

我有这个代码：

interface Worker {
  workerId: number;
  name: string;
  phoneNumber: string;
}

const workers = ref<Worker[]>([]);

function fetchWorkers() {
  try {
    fetch(`MY-API-ENDPOINT`).then(async (response) => {
      const data = await response.json();

      workers.value = data as Worker[]; 
    });
  } catch (error) {
    ...
  }
}

当我尝试在workers.value中设置响应时，出现此错误：

类型“Worker[]”上不存在属性“值”

Answer 1

它似乎可以在代码片段-vue Playground

中工作