создание динамических c текстовых полей с идентификатором для каждого

Question

Я пытаюсь создать идентификатор для каждого текстового поля, но не могу этого достичь. Это код, который у меня есть, который не помогает мне создать идентификатор для каждого текстового поля. Я пробовал много разных подходов, но они не помогли.

Ниже мой код:

 <v-text-field class="font-weight-bold" v-for="(value,key) in requests" :label="key" :value="value" :key="'req-param-'+key" :id="value.ID" readonly></v-text-field>

Answer 1

Попробуйте что-то вроде этого:

<template>
  <div id="app">
    <v-text-field
      class="font-weight-bold"
      v-for="(value, key) in requests"
      :label="key.toString()"
      :value="value"
      :key="'req-param-' + key"
      :id="`id-${key}`"
      readonly
    ></v-text-field>
    <v-btn @click="showLog">click here and see the console.log</v-btn>
  </div>
</template>

<script>
export default {
  name: 'app',
  data: () => ({
    requests: ['row 1', 'row 2'],
  }),
  methods: {
    showLog() {
      for (let i = 0; i < this.requests.length; i++) {
        console.log(document.getElementById(`id-${i}`));
      }
    },
  },
};
</script>