如何知道 v-for 中的迭代

Question

我在Vue.js 我制作了一个无线电输入组件，我使用 v-for 来显示所有输入和标签，我想知道我是否可以告诉它从 v-for 循环的第一次迭代开始将选中的属性传递给元素

<div v-for="(option) in options" :key="option.name">
  <label class="form-check-label mr-2" :for="option.for">
    {{ option.name }}
  </label>
  <input
    v-model="selectedChoice" 
    class="mr-4" 
    type="radio" 
    name="radio" 
    :id="option.for" 
  />
</div>

感谢您的帮助

Answer 1

如果我理解你是对的，你想检查你的 v-for 中的第一个 radio button。

您有两种选择可以实现：

第一个选项
您可以像这样将 selectedChoice 设置为您的第一选择：

data() {
  return {
    options: ['yourChoice1', 'yourChoice2'] //you have to set your array in here
    selectedChoice: 'yourChoice1',
  }
}

第二个选项
您将数据道具设置为 array 中的第一项 - 这是可行的，因为您使用的是 v-model - 您可以这样做：

this.selectedChoice = this.yourChoice[0]

希望这对您有所帮助 - 请告诉我！

如何知道 v-for 中的迭代

How to know the iteration in v-for

vue.js

iteration

checked

v-for