mint-ui cell 使用v-if改變icon報(bào)錯(cuò)

我想實(shí)現(xiàn)一個(gè)云盤(pán)列表，顯示文件夾、xls、pdf、png等文件類(lèi)型，在用v-for循環(huán)cell的時(shí)候，加v-if來(lái)判斷fileType，以此來(lái)進(jìn)一步改變slot里的icon。但是單獨(dú)在img里修改的時(shí)候會(huì)報(bào)錯(cuò)，說(shuō)v-else-if必須放在使用了v-if的相鄰元素后才可以。不知道該怎么改，求指教orz。
此為頁(yè)面代碼

<mt-index-list>
        <mt-cell v-for="file in fileList" :key="file.fileId" 
                :title="file.fileName" 
                @click.native="change(file.fileName)"  
                label="描述文字">
            <img slot="icon" v-if="file.fileType ==='folder'" style="width:30px;height:30px" src="../../assets/folder.png"/><i class="iconfont icon-arrow-right-copy-copy"></i>
            <img slot="icon" v-else-if="file.fileType ==='xls'" style="width:30px;height:30px" src="../../assets/excel.png"/>
        </mt-cell>
<mt-index-list>

此為返回的數(shù)據(jù)

fileList:[{
        fileId:'1',
        fileSize:0,
        fileName:'1',
        fileType:'folder'
      },{
        fileId:'2',
        fileSize:0,
        fileName:'2',
        fileType:'doc'
      },{
        fileId:'3',
        fileSize:0,
        fileName:'3',
        fileType:'folder'
      },{
        fileId:'4',
        fileSize:0,
        fileName:'4',
        fileType:'folder'
      },{
        fileId:'5',
        fileSize:0,
        fileName:'5',
        fileType:'folder'
      }],

預(yù)期效果

報(bào)錯(cuò)內(nèi)容

也試過(guò)將v-if寫(xiě)在mt-cell標(biāo)簽里，但是這樣做了后顯示如圖

還請(qǐng)大神們指點(diǎn)一下該怎么改一下才可以呢