javascript - vue js 中的 props 数组？

Question

在 Javascript 中，我可以拥有异构数组，例如:

var ex = ['name', 12, true];
console.log(ex);

在单个文件模板中的 Vue JS 中，我可以为 <script></script 中的组件定义 props。部分如下:

export default{
props: ['myprop']
}

或者通过将 props 列为对象来验证类型

export default{
  props: {
    myprop: String
  }
}

现在我的问题是在 vue 中列出一系列类型，例如 myprop: [String,Array]列出属性的多个有效类型。

我的问题是如何在 Prop 级别验证数组的内容？

例如，以字符串、数字、 bool 值和计数 3 的模式获取 ex。如果不是这种形式，是否有办法使进入 prop 的任何值无效？

所以，如果我得到一些格式为 [true, 12, 'name'] 的数据这是无效的。但 ex 是有效的。

Answer 1

如果我遵循，您将想要使用自定义属性验证器函数。类似于:

props: {
  myprop: {
    type: Array,
    validator: value => {
       return /* test value length, indices types, etc here as truthy/falsy */;
    }
  }
}

类型属性只是针对类型的简单验证，自定义验证器允许您准确自定义构成组件有效属性的内容。