阻止冒泡

src/components/HoverButton.vue

@@ -4,7 +4,8 @@
     :class="{ 'hover-effect': hoverEffect }"
     @mouseenter="isHovered = true"
     @mouseleave="isHovered = false"
-      @click="$emit('click')"
+    @click="handleClick"
+    type="button"
   >
     <!-- 图片/图标部分 -->
     <div class="button-icon">
@@ -80,6 +81,13 @@
     return {
       isHovered: false
     }
+  },
+  methods:{
+    handleClick(e) {
+      e.preventDefault();
+      e.stopPropagation();
+      this.$emit('click', e);
+    }
   }
 }
 </script>