ps:当然这完全可以交给后端实现,调整他返回的数据格式 ,就不用这么麻烦,直接用就行了
1、当用于element的el-popover时
效果:鼠标悬浮显示完整数据,不悬浮时溢出隐藏
<el-table-column align="center" label="仓库名称">
<template slot-scope="scope">
<el-popover placement="top-start" trigger="hover">
{
{scope.row.warehouse}}
<div slot="reference" class="hide">
{
{scope.row.warehouse}}
</div>
</el-popover>
</template>
</el-table-column>
getList() {
//查询列表
this.listLoading = true;
request({
url: "接口地址",
method: "POST",
data: {},
}).then(data => {
this.listLoading = false;//加载loading
this.list = data.info.content;
for (var i = 0; i < this.list.length; i++) {
const warehouse = ""