Vue 2 구성 요소에 개체 전달 및 검증

Vue 2 구성 요소에 개체 전달 및 검증

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"
  />

이 개체의 속성에 대한 기본값을 확인하고 반환하려면 어떻게 해야 합니까?

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

오브젝트를 바인드할 수 있으며, 위의 구문을 사용하여 오브젝트의 각 속성이 소품으로 전달됩니다.

언급URL : https://stackoverflow.com/questions/45043462/pass-and-validate-object-to-vue-2-component