Vue多类型道具验证

Question

如何在Vue中验证多类型道具？我有以下代码，并且将icon属性作为布尔值传递不会通过验证。

icon: {
  type: [String, Boolean],
  default: null,
  validator: value => ['start', 'end'].includes(value)
}

Answer 1

您可以使用typeof关键字来确定参数的类型，然后决定是否通过。

icon: {
  type: [String, Boolean],
  default: null,
  validator: value => typeof value === 'string' 
                ? ['start', 'end'].includes(value) 
                : value // it will pass if value is true else not.
}