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>

  

树立目标,保持活力,gogogo!
原文地址:https://www.cnblogs.com/hao-1234-1234/p/14344056.html