vue中的事件

2021-08-10 19:04:28 字數 562 閱讀 5557

用v-on 繫結事件

v-on:click/mouseover

簡寫形式:

@click=""

推薦事件物件:

@click="show($event)"

事件冒泡:

阻止冒泡:  

a). ev.cancelbubble=true;

b). @click.stop

推薦預設行為(預設事件):

阻止預設行為:

a). ev.preventdefault();

b). @contextmenu.prevent

推薦鍵盤:

@keydown

$event

ev.keycode

@keyup

常用鍵盤事件:

回車a). @keyup.13

b). @keyup.enter

上、下、左、右

@keyup/keydown.left

@keyup/keydown.right

@keyup/keydown.up

@keyup/keydown.down

vue 事件中的 native

native是什麼?native 監聽元件根元素的原生事件。主要是給自定義的元件新增原生事件。例子 給普通的標籤加事件,然後加native是無效的 lang en charset utf 8 documenttitle head 按鈕button div src vue.js script new ...

vue中的滑鼠移動事件

專案需求要在首頁判斷滑鼠是否移動到頁面最右邊,然後浮現兩個可操作的圖示 第一想法就是 試了一下果然可以 由於是要到頁面最右邊的時候才要求觸發事件,於是就用了 var width window.innerwidth document.documentelement.clientwidth docume...

Vue中的事件匯流排 bus

在vue中,我們父子之間通訊簡單明瞭 父元件向子元件傳值 props,在父元件中,用 要傳遞過去的名字 要傳遞的值 在子元件中 使用props 接受即可 子元件向父元件傳值 emit.通過自定義方法,在子元件中,我們使用this.emit 方法名 引數 向父元件傳值 在父元件中,我們使用子元件傳遞過...