首页 > 其他 > 详细

vue 阻止事件冒泡

时间:2019-12-14 17:02:38      阅读:110      评论:0      收藏:0      [点我收藏+]
        <div id="app" @click="show(1)">
            <div id="box" @click="show(10)">
                <p @click.stop="show(100)">一个文本段落</p>
            </div>
        </div>

<script>
      var vm = new Vue({
          el:"#app",
          methods:{
              show(num){
                  alert(num);
              }
          }
      })

</script>

  

在点击事件后面加上.stop就可以。

vue 阻止事件冒泡

原文:https://www.cnblogs.com/eliwen/p/12039956.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!