- 鼠标移上展示详情:title="scope.row.fmContent"
<el-table-column prop="fmContent" label="工单内容" <template slot-scope="scope">
<span :title="scope.row.fmContent"> scope.row.fmContent.slice(@,22)I</span>
</template> /el-table-column>
- 内容省略号
<el-table-column prop="fmcontent" label="诉求内容" width="340"> <template slot-scope="scope"> <span>{{ scope.row.fmcontent.slice(0, 22) + '...' }}</span> </template> </el-table-column>
- 根据数字展示内容
<el-table-column prop="isHandle" label="处理情况"> <template slot-scope="scope"> {{ scope.row.isHandle === 1 ? '处理' : '未处理' }} </template> </el-table-column>
或
<el-table-column prop="isHandle" label="处理情况">
<template slot-scope="scope">
<span v-if="scope.row.isHandle == 1">处理</span>
<span v-else-if="scope.row.isHandle == 2">未处理</span>
</template>
</el-table-column>
标签:el,省略号,展示,scope,移上,row From: https://www.cnblogs.com/tingshengshiyu/p/17722438.html