如何设置el-table鼠标滑过显示隐藏内容

 时间:2024-09-27 21:31:13

在使用Element开发vue项目时,如何设置el-table内容太长鼠标滑过后显示全部内容呢?如图

如何设置el-table鼠标滑过显示隐藏内容

方法/步骤

1、打开一个vue文件,插入一个el-table组件,并设置组件显示内容为日期、姓名、地址。如图

如何设置el-table鼠标滑过显示隐藏内容

如何设置el-table鼠标滑过显示隐藏内容

2、在地址这一列标签上添加show-overflow-tooltip属性,用于设置地址烂瘀佐栾这一列鼠标滑过显示tooltip提示。如图

如何设置el-table鼠标滑过显示隐藏内容

3、保存vue文件后鼠标滑过地址这一列,即可看到显示了tooltip提示。如图

如何设置el-table鼠标滑过显示隐藏内容

榨菜炒鸡蛋做法 如何查看不同年龄、性别的人在百度上的热搜词汇 axure实现tab选项卡切换功能 标签剥离机使用方法 豆腐和什么不能一起吃?
热门搜索
朋友图片带字 新视觉电影网 踏雪寻梅电影 理论电影网 音乐之声电影