iview的select中下拉框option添加图片

使用slot="prefix"在下拉框添加图片

<i-select v-model="proxydevid" filterable="true" clearable="true" style="width: 284px;">
                 <!-- <div slot="prefix" >//此处是select选择显示框添加图片
                     <img src="images/state-normal.gif" width="20" height="20" />
                </div> -->
               <i-option style="width: 420px;" v-for="item in list" :label="list.label" :value="list.value">
                //此处是下拉框的每个option添加图片label显示,value是key值,status是图片显示路径                           <img :src="list.status" width="20" height="20" />{ { list.label }}
               </i-option>
 </i-select>

猜你喜欢

转载自blog.csdn.net/xiansibao/article/details/130358221