<el-table-column label="账号状态" align="center" prop="status">
<template slot-scope="scope">
<span v-if="scope.row.status == 1">正常</span>
<span v-else-if="scope.row.stats == 2">封停</span>
<span v-else>未知</span>
</template>
</el-table-column>
label:表头内容
prop:后端返回字段
slot-scope:翻译为:插槽范围,可理解成未来插入的元素。通过此对象可用获取row, column, $index等
v-if:需要指定条件。具体用到Vue变量的哪些值,得用插槽对象.row.变量名
<el-table-column label="创建时间" align="center" prop="timecreate" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.timecreate, '{y}-{m}-{d} {h}:{i}:{s}') }}</span>
</template>
</el-table-column>
使用方法是{{parseTime(变量,格式)}}
常用格式:{y}-{m}-{d} {h}:{i}:{s} 或 {y}-{m}-{d}
特殊说明: 以上文章,均是我实际操作,写出来的笔记资料,不会盗用别人文章!烦请各位,请勿直接盗用!转载记得标注来源!