243 - 阻止事件冒泡

[mu-muw]

// 你的答案
<template>
  <div @click="click1($event)">
    <div @click="click2($event)">
      click me
    </div>
  </div>
  </template>
  <script setup >
  
  const click1 = ($event) => {
   console.log('click1');
   $event.stopPropagation(); // 阻止冒泡
  }
  
  const click2 = ($event) => {
   console.log('click2');
   $event.stopPropagation(); // 阻止冒泡
  }
  </script>

[mu-muw]

或者在需要阻止冒泡的地方添加上.stop修饰符

<script setup lang="ts"> const click1 = () => { console.log('click1') } const click2 = () => { console.log('click2') } </script>

click me