我在 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>
謝謝你的幫助
uj5u.com熱心網友回復:
如果我理解你是正確的,你想radio button從你的v-for.
您有兩種選擇來實作這一目標:
第一個選項
您可以selectedChoice像這樣設定為您的第一選擇:
data() {
return {
options: ['yourChoice1', 'yourChoice2'] //you have to set your array in here
selectedChoice: 'yourChoice1',
}
}
第二個選項
您將資料道具設定為您的第一項array- 這是可以的,因為您正在使用v-model- 您這樣做:
this.selectedChoice = this.yourChoice[0]
希望這對您有所幫助-請告訴我!
轉載請註明出處,本文鏈接:https://www.uj5u.com/net/342601.html
