【基础】阻止默认行为

阻止默认行为

• html

<div>
    <p>当鼠标右键被绑定事件时,会跳出默认菜单,我们需要阻止该行为的方式</p>
    <button @contextmenu="show($event)">阻止默认行为</button>
</div>

• js

<script>
    // 初始化数据
    window.onload = function () {
        // vue
        var vueApp = new Vue({
            el: '#app',
            data: {message: '这里是测试内容'},
            methods: {
                show: function (event) {
                    alert(1);
                    event.preventDefault();
                }
            }
        });
    };
</script>