贵阳网站开发公司推荐_网页设计大赛策划书_域名检测工具_成都官网seo服务

#default="{row}"形式

#：是v-solt的缩写

default：是内容的意思

也可以用

        #default="scope"

        scope.row.属性

        这里的scope里边有很多属性可以获取rowIndex，只是获取内容可以{row}

                        
原文链接：https://blog.csdn.net/weixin_53641562/article/details/124066501

方法1 

<el-table :data="records_data" height="250" border style="width: 100%" :header-cell-style="tableHeaderColor">//多层级表头<el-table-column label="进出记录" align="center"><el-table-column type="index" width="180" label="序号"> </el-table-column><el-table-column prop="intime" label="时间"> </el-table-column>//插槽<el-table-column prop="type" label="状态" width="180"><template #default="{ row }"> {{ row.type == 0 ? '入场' : '离场' }} </template></el-table-column></el-table-column></el-table>//js//根据不同条件设置表头样式tableHeaderColor({ row, column, rowIndex, columnIndex }) {console.log(row, column, rowIndex, columnIndex)if (rowIndex === 0) {return 'background-color: #F5F7FA; color:#3E3F41;'} else {return 'color:#3E3F41; background: #ffffff;'}},

 方法2

<el-table :data="records_data" height="250" border style="width: 100%" :header-cell-style="tableHeaderColor"><el-table-column label="进出记录" align="center"><el-table-column type="index" width="180" label="序号"> </el-table-column><el-table-column prop="intime" label="时间"> </el-table-column><el-table-column prop="type" label="状态" width="180"><template slot-scope="scope">{{ scope.row.type == 0 ? '入场' : '离场' }}</template></el-table-column></el-table-column></el-table>//jstableHeaderColor({ row, column, rowIndex, columnIndex }) {console.log(row, column, rowIndex, columnIndex)if (rowIndex === 0) {return 'background-color: #F5F7FA; color:#3E3F41;'} else {return 'color:#3E3F41; background: #ffffff;'}},