vue.js - 如何检查对象 Prop 是否具有所需的对象属性

Question

我正在将一个对象传递给我的组件:

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

在我的组件中，我有这个声明:

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

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

{

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

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

Answer 1

您可以创建一个 custom validator

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