<el-table-column prop="claim" label="要求" align="center" width="120px">
<template slot-scope="scope">
<el-popover trigger="hover" placement="top">
<p>{{ scope.row.claim }}</p>
<div slot="reference" class="name-wrapper">
<p>{{ scope.row.claim | ellipsis }}</p>
</div>
</el-popover>
</template>
</el-table-column>
export default {
name: 'Schedulinglist',
filters: {
ellipsis(value) {
if (!value) return ''
if (value.length > 8) { //判断字段
return value.slice(0, 6) + '...'
}
return value
}
},
}
效果图: