看了官网的介绍,可以在多个位置加提示。我是在右面加的文字提示,鼠标移入移出会有动画效果。
后端返回的数据结构如下
tableData: [
{
corsName: '',
status: '',
corsCode: '',
messageInformation:''
}
]
实现代码如下,可直接复制~
<el-table-column prop="messageInformation" label="详细信息" width="220">
<template slot-scope="scope">
<el-tooltip class="item" effect="dark" :content="scope.row.messageInformation" placement="right">
<el-button type="text">查看详情</el-button>
</el-tooltip>
</template>
</el-table-column>