vue中组件事件冒泡

<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">点击我(^_^)</button>     </div>
  </div> </div> </template> methods:{ outer(){ console.log(333333) },
middle(){ console.log(222222) }, inner(){ console.log(111111) }, } 阻止事件冒泡用
.stop 点击子节点不会捕获到父节点的事件。复制代码

• « 上一篇：docker-修改容器的挂载目录三种方式
• » 下一篇：c++常见面试题30道