element中table单元格添加tooltip

最新推荐文章于 2024-07-25 15:51:28 发布

蓝色的落叶

最新推荐文章于 2024-07-25 15:51:28 发布

阅读量1.7w

点赞数 4

分类专栏： elementUI 文章标签： element table tooltip

本文链接：https://blog.csdn.net/qq_38502227/article/details/94610855

版权

本文展示了如何在Element UI的Table组件中添加Tooltip功能，最终实现了当鼠标悬停在表格单元格上时显示详细信息的效果。文章期待读者分享更多优化技巧。

摘要由CSDN通过智能技术生成

<template>
  <div class="tooltip-demo">
    <el-table
      :data="allDate"
      border
      style="width: 100%"
      :row-class-name="tableRowClassName"
      @cell-mouse-enter="showTooltip"
      @cell-mouse-leave="hideTooltip"
    >
      <el-table-column prop="title" label="标题" :resizable="false"></el-table-column>
      <el-table-column prop="date" label="时间"