有关vue中两张图片，一个底图一个右上角的图片 点击右上角不触发底图方法

<template>
  <div>
    <img src="base-image.jpg" @click="handleBaseImageClick">
    <img src="top-right-image.jpg" @click.stop="handleTopRightImageClick">
  </div>
</template>
<script>
export default {
  methods: {
    handleBaseImageClick() {
      console.log('Base image clicked');
    },
    handleTopRightImageClick(event) {
      console.log('Top right image clicked');
      event.stopPropagation();
    }
  }
}
</script>