如何知道 v-for 中的迭代
How to know the iteration in v-for
我在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>
感谢您的帮助
如果我理解你是对的,你想检查你的 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]
希望这对您有所帮助 - 请告诉我!
我在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>
感谢您的帮助
如果我理解你是对的,你想检查你的 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]
希望这对您有所帮助 - 请告诉我!