vue click.stop阻止點擊事件繼續傳播

本文轉載自查看原文 2020-08-21 15:00 546 前端開發/ Web前端/ JavaScript

    <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”

免責聲明！

本站轉載的文章為個人學習借鑒使用，本站對版權不負任何法律責任。如果侵犯了您的隱私權益，請聯系本站郵箱yoyou2525@163.com刪除。

猜您在找 vue click.stop阻止點擊事件繼續傳播 vue click.stop阻止點擊事件繼續傳播 vue click.stop阻止點擊事件繼續傳播 vue點擊事件@click.stop(阻止冒泡).native vue點擊事件、vue阻止冒泡事件、 @click.stop、 v-on:click.stop、vue點擊阻斷、vue點擊子集的方法不執行父級的方法 vue 阻止冒泡 @click.stop= vue中@click.stop事件的作用 vue中@click與它的事件修飾符@click.prevent、@click.capture、@click.stop、@click.self vue @click.native和@click.stop和@click.self vue 點擊事件阻止冒泡用stop