elementUI中的e-table(自定義單元格樣式)

說明一下，首先想實現的樣式
就是單元格中間，或者兩邊是自定義樣式，其餘是默認的

上代碼:其實就是template裏面判斷，剛開始我是在寫多個template，而後判斷，後面發現死活不行，最後忽然想到會不會是隻預留了一個插槽，因此在裏面判斷。最後完美解決。

<template slot-scope="scope">
            <!-- 自定義操做 -->
            <div v-if="item.descEn==='operation'">
              <el-button type="text" size="small" @click="goto(scope.row)">查看詳細</el-button>
              <el-button type="text" size="small" @click="goto(scope.column)">定位</el-button>
            </div>

            <!-- 自定義狀態樣式 -->
            <div v-else-if="item.descEn==='status'">
              <el-button type="info" plain disabled>{{ scope.row.status }}</el-button>
            </div>

            <!-- 自定義連接 -->
            <el-link
              v-else-if="item.descEn=='affiliation'"
              type="primary"
            >{{ scope.row[scope.column.property] }}</el-link>

            <!-- 自定義wifi -->
            <el-progress v-else-if="item.descEn=='wifi'" :percentage="scope.row.wifi" />

            <!-- 默認樣式 -->
            <span v-else>{{ scope.row[scope.column.property] }}</span>
          </template>