vue中循環時動態綁定值

在vue項目中，有很多需要動態循環綁定的場景，在未知綁定數量的情況下只能動態生成綁定值

1.首先在data中定義一個對象，我在項目中時循環綁定下拉框，所以定義了一個selectVal = {}

2.在循環時通過下標在對象中創建新的值，我循環得時數組allGoodsClass是一個二維數組，此時通過下標的方式綁定，selectVal中得值就會為selectVal0 : "xxx",selectVal1 : "xxx"

<el-select v-for="(item, index) in allGoodsClass" :key="index" v-model="selectVal['selectVal'+ index]" class="goods-select" placeholder="請選擇" size="mini" @change="changeGoodsClass(index)">
                      <el-option
                        v-for="(item1,index1) in item"
                        :key="index1"
                        :label="item1.commodity_classification_name"
                        :value="item1.id"
                      />
                    </el-select>

3.在change事件觸發后，通過下標即可以知道當前下拉框是循環中的哪一個，此時即可通過selectVal['selectVal' + index]取出對應的值