如何检查对象道具是否具有必需的对象属性

Question

我将对象传递给我的组件为：

<foo :ob='object'></foo>

在我的组件中，我有以下声明：

props: {
  ob: {
    type: Object,
    required: false, 
    default: {}
  }
}

通常，期望传递的对象是这样的：

{

  bar: [],
  tar: {
    a: false,
  }
}

现在，如何在道具中确保传递的对象相似。我不需要检查值，我只需要知道它包含对象键，bar，tar和tar内部的属性，即：a

Answer 1

您可以创建一个自定义验证器

props: {
  ob: {
    type: Object,
    required: false, 
    validator: function (obj) {
      return 'bar' in obj &&
      'tar' in obj &&
      obj.tar instanceof Object &&
      'a' in obj.tar
    }
  }
}