Vue JS中的道具數組？

Question

在Javascript中，我可以使用異構數組，例如：

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

在單個文件模板中的Vue JS中，我可以通過以下方法在<script></script部分中為組件定義道具：

export default{
props: ['myprop']
}

或通過將道具列為對象來驗證類型

export default{
  props: {
    myprop: String
  }
}

現在，我的問題是在myprop: [String,Array]列出類似myprop: [String,Array]的類型數組myprop: [String,Array]列出該屬性的多個有效類型。

我的問題是我如何才能在道具級別針對數組的內容進行驗證？

例如，采用字符串，數字，布爾值和3的計數形式的ex。如果不是這種形式，有沒有辦法使prop中包含的任何值無效？

因此，如果我以[true, 12, 'name']的形式獲取了一些數據，那將是無效的。 但是前者是有效的。

Answer 1

如果遵循，您想使用自定義屬性驗證器函數。 就像是：

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

type屬性只是針對類型的簡單驗證，自定義驗證器允許您精確地自定義構成組件的有效屬性的內容。