VueJs использовать значение атрибута для получения значения массива

Question

В форме я хотел бы получить значение атрибута имени, чтобы найти сообщение об ошибке, я написал вручную имя в массиве сообщений об ошибках, и оно работает.

Но мне бы не хотелось каждый раз вводить имя ввода.

Пример:

    <v-container>
         <v-row>
             <v-col cols="12">
                  <v-text-field v-model="label" name="label" :error-messages="errors[NAME_ATTRIBUTE_VALUE]" label="Label" @change="resetFormInputValidation" required></v-text-field>
              </v-col>
          </v-row>
          <v-row>
              <v-col cols="9">
                   <v-text-field v-model="mimeType" name="mime_type" :error-messages="errors['mime_type']" label="MIME Type" required></v-text-field>
              </v-col>

              <v-col cols="3">
                   <v-text-field v-model="extension" name="file_extension" :error-messages="errors['file_extension']" label="Extension" required></v-text-field>
               </v-col>
           </v-row>
    </v-container>

Answer 1

Нет способа получить доступ к атрибуту имени таким способом. Для дальнейшего пояснения моего комментария можно будет объявить массив, содержащий все значения атрибута name, а затем выполнить итерацию по ним, используя v-for. Это дает вам доступ к атрибуту имени Dynami c. Код проверки концепции:

JS:

data: function() {
    return {
        names: ['name1', 'name2', 'name3']
    };
}

Шаблон:

<v-container v-for="(name, i) in names" :key="i">
    <v-row>
        <v-col cols="12">
            <v-text-field v-model="label" :name="name" :error-messages="errors[name]" label="Label" @change="resetFormInputValidation" required></v-text-field>
        </v-col>
    </v-row>
    <!-- Other markup -->
</v-container>