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>