Динамически связывать v-модель без дополнительного массива - PullRequest
Новая
       13

Динамически связывать v-модель без дополнительного массива

0 голосов
/ 26 апреля 2019

Я пытаюсь создать несколько текстовых полей vuetify с помощью v-for и шаблона, чтобы я мог легко добавлять и редактировать текстовые поля, сохраняя мой код чистым.

Шаблон тега: 

<template v-for="obj in textFieldProps">
  <v-text-field
    :ref="obj.ref"
    v-model="obj.model"
    :label="obj.lbl"
  ></v-text-field>
</template>

Мои текущие данные выглядят так: 

export default {
  data: () => ({
    name: '',
    lastname: '',
    textFieldProps: [
      { ref: 'name', model: 'name', lbl: 'Name' },
      { ref: 'lastname', model: 'lastname', lbl: 'Lastname' }
    ]
  })
}

Я знаю, что этот вопрос задавали несколько раз, но каждый ответ был: Динамически связывающая v-модель работает путем создания дополнительного массива, в котором вы храните свои данные (в моем примере имя и фамилия).

Но это похоже на неуклюжий обходной путь. Так есть ли способ напрямую связать v-модель с этим.name/this.lastname?

1 Ответ

0 голосов
/ 26 апреля 2019

Вы можете привязать v-модель только к одному входу формы.Чтобы связать каждый вход с v-моделью, вы должны создать дополнительный массив при добавлении нового поля ввода

https://vuejs.org/v2/guide/forms.html

...