主页 / 问题 / 1446537
Accepted
overus
Asked:2022-09-07 21:35:11 +0000 UTC2022-09-07 21:35:11 +0000 UTC

Vue3 | 打字稿。如果输入是对象数组，如何设置道具的类型？

  • 772

有一个对象数组将作为 vue 组件中的输入参数：

const items = reactive([
  { type: 'Java Script', is_main: true },
  { type: 'Python', is_main: false },
  { type: 'Go', is_main: false },
  { type: 'PHP', is_main: false },
]);

组件内部：

const props = defineProps<Props>();
interface Props {
    items: string[]; <--
}

在安装时，我想找到一个具有特定条件的对象：

图片

但是 TS 显然将 string[] 从字面上理解为一组字符串，而不是对象：

any
Property 'is_main' does not exist on type 'string'.ts(2339)

如果输入是对象数组，如何正确设置道具的类型？

typescript

0 个回答

  1. Best Answer

    所以问：

    interface Props {
  items: {
    type: string;
    is_main: boolean;
  }[];
}

defineProps<Props>()
    • 0

相关问题