Vueのeventはイベントのバブル、デフォルトのイベントを阻止します

946 ワード

vueのイベントオブジェクト:
@dragstart='drag(event)’は、関数にevevtを渡し、関数に受信するとイベントオブジェクトがあります.
{{item.name}} //

    var dom;
    export default{
        data(){
            return{}
        },
        methods: {  
            drag:function(event){    //      
               dom = event.currentTarget;
            }
        }  
    }


vueでイベントのバブルを阻止
1,@click='show($event)'にイベントオブジェクトがあり,関数は元のeventを利用できる.cancelBubble=true;
2、@click.stop='show()はイベントの後に付けるだけです.stopはイベントの泡を止めることができます.
vueの中でデフォルトのイベントをブロック
1,@click=’show($event)’にイベントオブジェクトがあれば,関数はオリジナルのeventを利用できる.preventDefault();
2、@click.prevent='show()はイベントの後に付けるだけです.preventはデフォルトのイベントをブロックできます.
vueのキーボードイベント:
@keydown='show()では、$eventを渡して関数でeventを取得することもできます.keyCode .