Question

脚本。

data() {
    return {
        bankList: [ 'Apple','Banana'],
        bankInfo: [{
                bankOwner: '',
                bankName: [],
                bankAccount: '',
            }],
     }

和HTML代码

<table class="table table-bordered" v-for="(item, index) in bankInfo">

<div class="form-group">
<select class="form-control">
<option default>선택</option>
<option v-for="money in bankList" v-model="item.bankName"> {{money}} 
</option>
</select>
</div>

我试图退出bankName值，但它只显示为数组[0]

Answer 1

您应绑定v-model标记上的<select>而不是<option>标记

绑定value标记

上的<option>属性

<table class="table table-bordered" v-for="(item, index) in bankInfo">

<div class="form-group">
<select v-model="item.bankName"  class="form-control">
<option default>선택</option>
<option v-for="money in bankList" :value='money' > {{money}} 
</option>
</select>
</div>

如何通过数组从v-model中获取值

1 个答案: