Vue JS - как установить значение по умолчанию из JSON в динамически создаваемые поля пользовательского интерфейса? - PullRequest
0 голосов
/ 27 июня 2019

Мы перебираем объект JSON и динамически устанавливаем поля пользовательского интерфейса, используя тег.Это отлично работает.Однако в этом объекте JSON есть один атрибут «значение», который мы хотим использовать для установки значения по умолчанию для этих полей пользовательского интерфейса, такого как текст по умолчанию в TextInput.Какой атрибут мы должны установить в теге "component", чтобы достичь этого?Благодарим Вас за помощь в этом.

            <div v-for="(form, index) in forms"
                 :key="index"
                 v-bind="form"
                 class="form__group">
                <label class="form__label" v-model="form.label">{{ form.label }}</label>
                <component :is="form.fieldType"
                           :currentField="form"
                           class="form__field">
                </component>
            </div>

1 Ответ

0 голосов
/ 28 июня 2019

Узел JSON, который передается компоненту через ": currentField = 'form'", должен использоваться для установки значения по умолчанию.Вот так -

<el-input
      type="text"
      v-model="form.value">
</el-input> 
<script>    
  export default {
    name: 'TextInput',
    props: ['form']
  }
</script>

Спасибо @kitschmaster за правильное направление моих мыслей

...