<template v-slot="{ row, column }">
<el-tooltip v-if="row.done.length > 100" class="item" effect="dark" placement="top">
<div class="ellipsis-text" v-html="row.done"></div>
<div slot="content" v-html="row.done"></div>
</el-tooltip>
<div ref="mytooltip" class="ellipsis-text" v-html="row.done"></div>
</template>
el-tooltip 实现富文本渲染
本文介绍了在Vue.js中使用模板和el-tooltip组件实现当`row.done.length`大于100时,动态显示行完成状态的示例,涉及v-if条件判断和内容渲染。
摘要由CSDN通过智能技术生成