为每个创建带有 id 的动态文本字段

【问题标题】：creating dynamic text fields with id for each为每个创建带有 id 的动态文本字段
【发布时间】：2020-05-04 18:51:40
【问题描述】：

我正在尝试为每个文本字段创建 id，但无法实现。这是我拥有的代码，它不能帮助我为每个文本字段创建 id。我尝试了许多不同的方法，但都没有帮助。

以下是我的代码：

 <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>

【问题讨论】：

value.ID 未定义，不是吗？我会尝试类似：id="'id + key"
你能给它加支笔吗？

标签： vue.js vuejs2

【解决方案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>

【讨论】：