vue Component event bubble in

<template> <div class="appBox">   <div class="outeer"
@click.stop="outer" style="width: 100px;height:40px;background: red;">
    <div class="middle" @click.stop="middle" style="width:
80px;height: 40px;background: blue;">
      <button
@click.stop="inner"> Click me (^_^)</button>     </div>
  </div> </div> </template> methods:{ outer(){ console.log(333333) },
middle(){ console.log(222222) }, inner(){ console.log(111111) }, } To prevent event bubbling
.stop Clicking on a child node does not capture events from the parent node . Copy code

• « 上一篇：docker- There are three ways to modify the container mount directory
• » 下一篇：OpenCV Binocular ranging —— Manually select matching point test