vue,table页签里的一列,点击时,会弹出时间线提示,高度自适应

本文介绍了如何在电商界面中,通过点击商品来源列,使用Vue.js的el-popover弹出框组件和el-timeline时间线组件展示商品来源的历史记录,同时关注slot-scope的使用和样式设置,确保右侧有滚动条以便查看完整记录。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

需求:点击商品来源这一列 弹出一个时间线,查看商品的来源记录

<el-popover></el-popover> 弹出框组件

<el-timeline-item></el-timeline-item>时间线组件
slot-scope=scope  slot是插槽,slot-scope=“scope“语义更加明确,相当于一行的数据

对这个时间线设定样式,overflow:auto 右侧有滚动条

效果展示:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值