iview select 自定義問題：選中不顯示，列表顯示錯位

 

選中不顯示：

要設置選中後顯示誰  :label="item.AuctionID"

列表顯示錯位：

 {{ item.AuctionID }} 兩邊不能加<span>標籤

 

正確方式：

                             <Select v-model="formDetail.AuctionID"  filterable clearable>
                                  <Option v-for="item in auctionList"  :value="item.AuctionID" :key="item.AuctionID" :label="item.AuctionID">         
                                       <!-- <span style="float: left">{{ item.AuctionID }}</span>
                                      <span style="float: right; color: #8492a6; margin-left:5px">{{ item.AuctionName }}</span> -->
                                         {{ item.AuctionID }}
                                      <span style="float: right; color: #8492a6; margin-left:5px">{{ item.AuctionName }}</span>
                                  </Option>
                               </Select>