首頁 > web前端 > js教程 > 主體

Vue.JS事件處理教學及程式碼範例

藏色散人
發布: 2019-04-01 09:52:17
原創
2285 人瀏覽過

本篇文章我們將介紹vuejs中的事件處理給大家。

Vuejs向我們提供了一個名為v:on的指令,它可以幫助我們註冊和偵聽dom事件,這樣無論何時觸發事件,都會呼叫傳遞給該事件的方法。

v:on指令的語法



登入後複製

在上面的程式碼中,我們監聽按鈕上的click事件,以便每當使用者點擊按鈕時,它都會呼叫handleClick方法。



登入後複製

如何將參數傳遞給事件處理程序?

有時事件處理程序方法也可以接受參數。



登入後複製

這裡,我們建立了一個只有一個參數值的increment方法,以便將參數傳遞給increment(10)方法。

如何存取預設事件對象?

要存取方法vuejs中的預設事件對象,需要提供一個名為$event的變數。



登入後複製

在這裡,我們透過使用Vuejs提供的特殊$event變數來存取事件物件。

有時我們需要同時存取事件物件和參數。



登入後複製

簡寫語法

vuejs也提供了一種簡寫語法來偵聽dom事件。

 


  
登入後複製

這篇文章就是關於Vue.JS事件處理的介紹,希望對需要的朋友有幫助!

以上是Vue.JS事件處理教學及程式碼範例的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!