vue指令修饰符

49 阅读1分钟

在这里插入图片描述 使用方式:

<body> 
    <div id="app">
        <!-- 
            prevent代表了e.preventDefault();
            @click.prevent="show"代表既为a标签绑定了show点击事件,又阻止了元素的默认行为
         -->
        <a href="http://www.baidu.com" @click.prevent="show">跳转到百度首页</a>
    </div>
    <script>
        var app = new Vue({
            el: "#app",
            data: {

            },
            methods: {
                show(e) {
                    console.log("点击了a链接");
                }
            }
        })
    </script>
</body>

在这里插入图片描述 在这里插入图片描述