Vue-事件修饰符(冒泡,默认行为)

冒泡事件:事件的响应像水泡一样上升至最顶级对象。

js阻止冒泡:event.stopPropagation();





    
    Vue基本使用
    
    
    



    
{{num}}

Vue中用v-on:click.stop='handler'阻止冒泡

      
         handler1: function (event) {
                    //event.stopPropagation();
                },

默认行为: 用户某些动作后,标签自动发生的行为 在HTML标签中,有些元素拥有自己的默认行为,如:1、 超级链接标签:单击后可以实现跳转到指定url页面 ; 2、submit提交按钮:单击后可以提交表单数据到指定页面中 

取消默认事件:event.preventDefault();





    
    Vue基本使用
    
    



    

    


Vue中阻止默认行为:v-on:click.prevent='handler'

  
    methods: {
                handler3: function (event) {

                }
            }

你可能感兴趣的