vue.js - Vue js 根据条件绑定(bind)下拉框

Question

我有一个包含对象集合的下拉列表。下拉应该根据条件默认绑定(bind)

<tr v-for="item in binSalesList">\
  <template v-if="item.IsRemovedBin != isRemoved">\
    <td>{{item.LotteryBinId}}</td>\
    <td>
      <select v-model="item.UpcDescription" v-on:change="upcList_Click(item)">\
        <option v-for="upc in upcList">{{ upc.UpcDescription }}</option>\
    </td>\
    <td>{{item.UPCPrice}}</td>\
    <td>
      <input type="textbox" v-model="item.TicketSoldQty" v-on:keyup="item.TicketSoldAmount=(item.TicketSoldQty*item.UPCPrice)" maxlength="4" size="4" onkeypress="app.checkIntegerValue();" />
    </td>\
    <td>
      <input type="textbox" v-model="item.TicketSoldAmount" maxlength="4" size="4" onkeypress="app.checkIntegerValue();" />
    </td>\
  </template>\ </tr>\

Answer 1

您必须在选项标签中绑定(bind)数据。请使用下面的代码，

<option v-for="upc in upcList" v-bind:selected="A.column== B.column" :value="upc.column">{{ upc.column }}</option>