javascript - 将对象传递并验证到 Vue 2 组件

Question

我有很多 props 的 Vue 组件

<Field
        v-for="field in fields"
        :key="field.name"
        :name="field.name"
        :type="field.type"
        :label="field.label"
        :values="field.values"
        :value="field.value"
      />

我是这样验证的

 props: {
  name: {
    type: String,
    required: true
  },
  label: {
    type: String,
    required: true
  },
  type: {
    type: String,
    default: 'text'
  },
  value: {
    type: String,
    default: ''
  },
  values: [Object]
}

所以，我想将所有属性作为一个对象传递，例如

<Field
    v-for="field in fields"
    :key="field.name"
    :params="field"
  />

如何验证并返回此对象属性的默认值？

Answer 1

<Field
  v-for="field in fields"
  :key="field.name"
  v-bind="field"
/>

您可以 bind an object并且它的每个属性都将使用上述语法作为 Prop 传递。