el-table中el-tooltip点击触发

在Element UI的表格组件`el-table`中，如果想要给某列添加提示信息并通过鼠标悬停或点击事件触发显示tooltip，可以利用`el-tooltip`组件结合表头单元格（th）来实现。首先，在`el-table-column`的配置里，你可以设置`cell`属性，然后在这个属性中嵌套一个`el-tooltip`实例。

例如：

<template>
  <el-table
    :data="tableData"
  >
    <el-table-column
      prop="name"
      label="姓名"
      width="180"
      cell="{ element: 'div', events: { click: 'showTooltip' } }"
    >
      <template #default>
        {{ item.name }}
        <el-tooltip :popper-class="'custom-tooltip'" placement="top" @show="onShow">
          这是一个提示信息
        </el-tooltip>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  methods: {
    showTooltip() {
      // 当单元格被点击时，显示tooltip
      this.$refs.tooltip && this.$refs.tooltip.show();
    },
    onShow() {
      // 可能需要记录当前显示的tooltip内容或状态
    }
  }
}
</script>

在这个例子中，当用户点击名字列的单元格时，会触发`showTooltip`方法，展示对应的`el-tooltip`。`this.$refs.tooltip`是`el-tooltip`的引用，用于控制其显示隐藏。