element-ui 表格内的scope

在工作的时候发现的一个小问题

   <el-table :header-cell-style="{background:'rgba(217, 213, 213, 0.09)'}"
        :row-key="getRowKeys" @selection-change="handleSelectionChange"
        tooltip-effect="dark"
        :data="tableData" v-loading="loading" style="width: 100%;" border>
        <el-table-column type="selection" width="55"></el-table-column>
        <el-table-column label="操作" width="180">
          <template>
            <el-button size="mini" @click="handleEdit(scope.$index, scope.row)">修改</el-button>
            <el-button size="mini" type="danger" @click="handlePhoto(scope.$index, scope.row)">项目照片</el-button>
          </template>
        </el-table-column>
        <el-table-column label="状态" width="120">
             <template scope="scope">
                <span v-if="scope.row.status == 1">启用</span>
                <span v-else >禁用</span>
            </template>
        </el-table-column>
       
      </el-table>

按照官网的

<el-table-column label="日期"  width="180">
     <template slot-scope="scope">
        <i class="el-icon-time"></i>
        <span style="margin-left: 10px">{{ scope.row.date }}</span>
     </template>
</el-table-column>

应该是写

slot-scope="scope"

但是我写上去之后没有反应，不报错，也不显示；最后：

 <el-table-column label="状态" width="120">
     <template scope="scope">
         <span v-if="scope.row.status == 1">启用</span>
         <span v-else >禁用</span>
      </template>
 </el-table-column>

用的是

scope="scope"

在该行内取到值并做判断，正好是我想要达到的效果。