代码示例:
<el-table-column
prop="cityFleetid,auditstatus"
label="车队编码"
width="350px">
<template slot-scope="scope">
<div>
<div style="text-align:left;margin-left:15%">
<span
class="link-type"
style="display :inline-block;width:100%;overflow:hidden;text-Overflow:ellipsis;white-Space:nowrap;"
:title="scope.row.cityFleetid">{{ scope.row.cityFleetid }}
</span>
<div style="text-align:left;margin-left:15%">
<el-tag :type="(scope.row.auditstatus == '0' ? ‘’ : 'success')" size="mini">
{{ scope.row.auditstatus == '0' ? '初始值' : '审核通过' }}
</el-tag>
</div>
</template>
</el-table-column>
效果:
温馨提示:关键代码是第10和11行!
2、el-table-column如果展示的是一行,建议使用vue自带的方法来实现
<el-table-column
:show-overflow-tooltip="true"
prop="carKindCode"
label="车辆种类">
</el-table-column>
效果:
温馨提示:关键代码是2行