.capture 冒泡顺序

    <div v-on:click="show">
      1
      <div id="app2" v-on:click.capture="show2">
        2
        <div id="app3" v-on:click="show1">1</div>
      </div>
    </div>


<script type="text/javascript">

methods:{

       show: function () {
        console.log("这是app的方法");
      },
      show2: function (e) {
        //e.stopPropagation();
        console.log("这是app2的方法");
      },
      show1: function () {
        console.log("这是app1的方法");
      },

}
})
</script>

posted @ 2021-10-13 15:16  果果1024  阅读(23)  评论(0)    收藏  举报