Vue 3 Typescript 不可分配给类型‘[]‘

Question

我正在尝试在我的数据属性中设置数组的类型，如下所示：

const Projects = defineComponent({
  data: () => ({
    issues: [] as IssueType[]
  }),

我正在调用这个过滤数组的方法：

getIssues(projectId: number, label: string): [] {
  return this.issues.filter(
    issue => issue.project_id === projectId && issue.labels?.includes(label)
  );

但是 Typescript 返回我以下错误：

> Type 'IssueType[]' is not assignable to type '[]'.   Types of property
> 'length' are incompatible.
>     Type 'number' is not assignable to type '0'.

Answer 1

在 TypeScript 中，[] 类型明确表示空数组/元组。

type A = [];

const a: A = ['a'];
// Error -> Type '[string]' is not assignable to type '[]'

const a: A = [];
// No error

export default a;

因此，您需要做的只是用IssueType[] 而不是[] 显式设置返回类型。