element ui中tooltip在鼠标点击处显示提示

要在鼠标点击处显示Element UI中的tooltip提示，你可以使用以下步骤：

1. 将tooltip的触发方式从默认的hover改为click：

<el-tooltip content="这是提示" :open-delay="500" trigger="click">
  <el-button>点击显示提示</el-button>
</el-tooltip>

2. 在tooltip的父级元素上绑定click事件，在事件处理函数中调用tooltip的show方法：

<template>
  <div @click="handleClick">
    <el-tooltip ref="tooltip" content="这是提示" :open-delay="500">
      <el-button>点击显示提示</el-button>
    </el-tooltip>
  </div>
</template>

<script>
export default {
  methods: {
    handleClick(event) {
      const tooltip = this.$refs.tooltip;
      tooltip.showPopper = true;
      tooltip.updatePopper();
      tooltip.$nextTick(() => {
        tooltip.popperElm.style.left = event.clientX + 'px';
        tooltip.popperElm.style.top = event.clientY + 'px';
      });
    }
  }
}
</script>

这样就可以在鼠标点击处显示tooltip提示了。注意要在tooltip的父级元素上绑定click事件，因为tooltip本身是不支持click事件的。在事件处理函数中，我们需要获取tooltip实例，将showPopper属性设置为true，然后更新tooltip的位置。最后通过$nextTick方法获取tooltip的popper元素，将它的位置设置为鼠标点击的位置即可。