<el-table-column label="公司简称" align="center" prop="公司名称" fixed="left" width="120">
<template slot-scope="scope">
<el-popover placement="top-start" width="200" trigger="hover" ref="popover5">
<slot>{{ scope.row.寄仓客户 }}</slot>
</el-popover>
<span v-popover:popover5>{{ scope.row.公司名称 }}</span>
</template>
</el-table-column>
// <slot> 引入弹窗显示对象
// v-popover与ref关联为触发对象
``` // trigger="hover" 移入显示
vue表格中显示A字段,鼠标移入显示B字段 -引用popover组件
最新推荐文章于 2024-08-29 16:45:28 发布