如何修复Vetur类型错误类型记录/ Vue

Question

我很可能在“输入”对象时遗漏了一些东西，但是尽管我的接口插槽是任何类型的。

属性“槽”不存在于类型'{ S槽？：number[] \\未定义的；平铺？：number[]未定义的；cardOne?：未定义的数字\}‘.Vetur(2339)。

在这里输入图像描述

interface TableMatchInterface {
  slot?: (number) [];
  tile?:  (number) [];
  cardOne?: (number)|null;
  cardTwo?: (number)|null;
}

我做错了什么？

Answer 1

由于要在S槽属性后面添加"“符号，类型记录推断对象属性可能有两个值，要么是number[]，要么是未定义的。如果你真的确信你已经有了一个真实的值，而不是一个未定义的值，你可以使用"!“来告诉类型记录放松。

siteStore.tableMatch.slot[0]!

您可以在这里查看"!“符号：

https://www.typescriptlang.org/docs/handbook/2/everyday-types.html#non-null-assertion-operator-postfix-

Answer 2

错误指示tableMatch是TableMatchInterface对象的数组。你的意思是

siteStore.tableMatch[0].slot

或者检查tableMatch上的输入实际上是TableMatchInterface，而不是类似于TableMatchInterface[]的东西。