Vue js根據條件綁定下拉列表

我有一個包含對象集合的下拉列表。下拉根據病情Vue js根據條件綁定下拉列表

<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>\

來源

2017-02-21 Ramesh Selvakumar

你能詳細一點的情況？ – Saurabh

每個標籤末尾的斜槓是什麼？還請插入你的vue語法。 – claudios

\被添加到在Vue JS中的組件的模板中寫入HTML –

你必須在選項標籤中的數據綁定。請使用下面的代碼，

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

來源

2017-02-21 09:20:46

默認應綁定試試這個

<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>

來源

2017-02-21 09:19:23

請嘗試添加V-如果檢查

來源

2017-02-21 09:30:47

Vue js根據條件綁定下拉列表

回答

相關問題