vue element img 预览阻止事件冒泡

在Vue.js结合Element UI中，如果你想要在图片预览时阻止事件冒泡，你可以通过给`img`元素添加`@click.stop`或`.event.stopPropagation()`处理程序。这两个方式都是为了防止点击事件继续向上级元素传播。

例如：

<el-image :src="imageSrc" @click.prevent="handlePreview">
  <template #preview>
    <!-- 图片预览内容 -->
  </template>
</el-image>

<script>
export default {
  methods: {
    handlePreview(e) {
      // 阻止默认行为，如果有的话
      e.preventDefault();
      
      // 阻止事件冒泡
      e.stopPropagation();

      // 这里可以显示图片预览或其他操作
      this.showImageDetails();
    },
    showImageDetails() {
      // 展示图片详细信息的逻辑
    }
  }
}
</script>

在这个例子中，当用户点击`img`时，`handlePreview`方法会被调用，并且事件不会传递到其父元素上。