vue click.stop阻止点击事件继续传播

来源：互联网发布：大麦户 2016 系统源码编辑：程序博客网时间：2024/05/20 06:36

<div id="app">        <div v-on:click="dodo">            <button v-on:click="doThis">阻止单击事件继续传播</button>        </div>    </div>    <script>        var app = new Vue({            el: "#app",            data: {                name: "Vue.js"            },            methods: {                doThis: function () {                    alert("noclick");                },                dodo: function () {                    alert("dodo");                }            }        });    </script>

将会先弹出“noclick”,再弹出“dodo”。

   <div id="app">        <div v-on:click="dodo">            <button v-on:click.stop="doThis">阻止单击事件继续传播</button>        </div>    </div>    <script>        var app = new Vue({            el: "#app",            data: {                name: "Vue.js"            },            methods: {                doThis: function () {                    alert("noclick");                },                dodo: function () {                    alert("dodo");                }            }        });    </script>

只弹出“noclick”

阅读全文

0 0