TableCellTip 组件
<template>
<el-popover placement="top" :width="400" trigger="hover">
<el-row>
{{props.content}}
</el-row>
<template #reference>
{{
props.content?.length > 8
? props.content?.slice(0, 8) +
"..."
: props.content
}}
</template>
</el-popover>
</template>
<script lang="ts" setup>
let props = defineProps({
content: {
type: String,
default: '',
}
});
</script>
<el-table-column
property="feedback.description"
label="反馈"
width="120"
>
<template #default="scope">
<TableCellTip :content="scope.row.feedback?.description || ''"></TableCellTip>
</template>
</el-table-column>