<div id="parent" @click="handleClick()> <div class="child">...</div> <!-- 可能有多个这样的child元素 --> </div> 如何点击 子div 不触发父级的handleClick事件

这个HTML结构中，如果你想让点击`<div class="child">`时不触发父级的`handleClick()`事件，可以在`<div class="child">`上添加一个阻止冒泡的事件处理函数，通常是`event.stopPropagation()`。这样，当点击子元素时，事件不会向上冒泡到父元素。

例如，在Vue.js中，你可以这样操作：

<div id="parent" @click.stop="handleClick()">
  <div class="child" @click.prevent="preventChildClick">...</div>
  <!-- 可能有多个这样的child元素 -->
</div>

<script>
export default {
  methods: {
    handleClick() {
      // 父级点击事件处理逻辑
    },
    preventChildClick(e) {
      e.stopPropagation(); // 阻止默认行为，并停止事件传递给父元素
      // 如果需要执行其他子元素特有的逻辑，可以写在这里
    }
  }
}
</script>

通过`.stopPropagation()`和`.preventDefault()`这两个属性，我们分别阻止了事件向上冒泡和默认的行为。现在，只有直接点击父元素时才会触发`handleClick()`，点击子元素则只会触发`preventChildClick()`。