dynamoform.vue

<template>
  <div>
    <div
      v-for="field of fields"
      :key="field.id"
    >
      <input
        v-if="field.value === 'input'"
        :value="field.value"
        :aria-label="field.label"
        @change="field.onChange"
      >
      <select
        v-if="field.value === 'select'"
        :value="field.value"
        :aria-label="field.label"
        @change="field.onChange"
      >
        <option
          v-for="option of field.options"
          :key="option"
        >
          {{ option }}
        </option>
      </select>
    </div>
  </div>
</template>

<script>

export default {
  data() {
    return {
      fields: [
        {
          id: '1',
          label: 'Test',
          value: 'Preset val',
          // Append props
          onChange(e) {
            this.data.fields[0] = e.target.value;
          },
          type: 'input'
        },
        {
          id: '2',
          label: 'Second',
          value: 'Second val',
          // Append props
          onChange(e) {
            this.data.fields[1] = e.target.value;
          },
          type: 'input'
        },
        {
          id: '3',
          label: 'Second',
          value: '2',
          options: [
            '2',
            '3'
          ],
          // Append props
          onChange(e) {
            this.data.fields[1] = e.target.value;
          },
          type: 'select'
        }
      ]
    };
  }
};
</script>