Vue 2 带有 typescript 多种类型的道具

Question

我的 Vue.js 组件中有一个简单的道具，我想在其中传递boolean或array 。

问题是当我这样做时：

props: {
  checked: {
    type: [Boolean, Array],
    default: false,
  },
},

我将不得不面对unknow[]数组会给我带来的问题。

如果我做这样的事情：

props: {
  checked: {
    type: [Boolean, Array as PropType<string[] | number[]>],
    default: false,
  },
},

它会完全破坏我的组件。 我究竟做错了什么？

提前感谢您对我的兄弟们的任何帮助。

Answer 1

这似乎是一个 Vue 错误。

一种解决方法是：

props: {
  checked: {
    type: Object as PropType<boolean | string[] | number[]>
  }
}

这样做的缺点是您在开发期间丢失了Boolean的运行时属性验证，但 TypeScript 编译器错误应该会阻止您这样做。

Answer 2

我认为是“布尔|数组”，它不应该是一个数组