elementUI点击图片悬浮

Element UI是一个流行的前端组件库，它提供了丰富的UI组件，包括图片组件。如果你想实现在Element UI中的图片点击后悬浮显示相关信息，你可以使用`<el-image>`组件配合一些JavaScript事件处理。

首先，你需要在HTML中设置一个基本的图片元素，例如：

<template>
  <div>
    <el-image :src="imageUrl" @click="handleImageClick"></el-image>
    <transition v-if="isShowingTooltip">
      <!-- 这里是你想要悬浮展示的信息 -->
      <el-tooltip :content="tooltipContent" placement="bottom">
        <p>{{ tooltipText }}</p>
      </el-tooltip>
    </transition>
  </div>
</template>

然后，在你的Vue实例中定义数据和方法：

export default {
  data() {
    return {
      imageUrl: '你的图片URL',
      isShowingTooltip: false,
      tooltipContent: '',
      tooltipText: ''
    };
  },
  methods: {
    handleImageClick(e) {
      this.isShowingTooltip = true;
      // 根据图片关联的数据填充tooltip内容，这里仅作示例
      this.tooltipContent = `这是图片的描述信息`;
      this.tooltipText = '更多详情';
    }
  }
};

当用户点击图片时，`handleImageClick`方法会被触发，将`isShowingTooltip`设为`true`，并设置相应的`tooltipContent`。这样，当鼠标悬停在图片上时，相关的提示信息就会显示出来。