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

Question

我试图为每个文本字段创建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>

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>