Vueのeventはイベントのバブル、デフォルトのイベントを阻止します
946 ワード
vueのイベントオブジェクト:
@dragstart='drag(event)’は、関数にevevtを渡し、関数に受信するとイベントオブジェクトがあります.
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 .
@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 .