Vue - 事件綁定


1、內聯方式:

A:將事件處理器綁定到一個方法中,以下所有事件都以click事件作為案例

注意:內聯方式下事件處理器只能綁定一個方法,要是想要綁定多個方法,依舊還是使用js中的addEventListener方法進行綁定

 

 B:與原生的js類似,不僅可以綁定到一個方法上,還可以使用內聯js語句

 

2、點擊事件綁定的方法,在Vue實例中,存放在method屬性中

注意:methods中定義的方法內的this始終指向創建的Vue實例中

 

 3、$event的應用:需要訪問元素DOM事件,用其傳入方法中

 

4、事件處理器中的修飾符

A:使用串聯

 

B:只有修飾符而不綁定事件

 

C:.prevent  ==>  event.prventDefault() 

   .stop ==> event.stopPropagation()

   .capture ==> 表示添加事件偵聽器時采用capture即捕獲模式

  .self ==> 表示只當事件在該元素本身(而不是子元素)觸發時觸發回調

 

5、按鍵事件

 

 

6、v-on變更

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM