Vue js Привязать раскрывающийся список на основе условий

Question

У меня есть раскрывающийся список, который содержит коллекцию объектов. Опуститесь должен связать по умолчанию на основе состояния

<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

Вы должны связать данные в опции тега. Пожалуйста, используйте код ниже,

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

Answer 2

попробовать этот

<select v-model="item.UpcDescription" v-on:change="upcList_Click(item)">\ 
           <option v-for="upc in upcList" 
v-bind:selected="upc.UpcDescription == item.UpcDescription" 
:value="upc.UpcDescription">{{ upc.UpcDescription }}</option> 

Answer 3

Пожалуйста, попробуйте добавить v-если для проверки состояния