将对象传递并验证为Vue 2组件

时间:2017-07-11 19:55:26

标签: javascript vue.js vuejs2 vue-component

我有很多道具的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"
  />

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

1 个答案:

答案 0 :(得分:2)

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

您可以bind an object使用上述语法将其每个属性作为道具传递。