el-table中合并行加入图标

代码：

<el-table :data="tableData">
    <el-table-column prop="classType" label="班型" width="">
        <template slot-scope="scope">
            <i v-if="scope.row.classType == '白班'" class="el-icon-sunny"></i>
            <i v-else class="el-icon-moon"></i>
              {{ scope.row.classType }}
        </template>
    </el-table-column>
</el-table>

用slot插槽 

其中“scope.row.classType ”是获取表中的值

其次用 v-if 和 v-else 判断   ：如果scope.row.classType == ‘白班’  就显示他的图标为el-icon-sunny

                                               如果scope.row.classType == ‘夜班’  就显示他的图标为el-icon-moon 

表中的数据：

效果展示：