溫馨提示×
您好，登錄后才能下訂單哦！
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶(hù)服務(wù)條款》
您好，登錄后才能下訂單哦！
這篇文章主要為大家展示了如何使用vue中v-on事件監(jiān)聽(tīng)指令，內(nèi)容簡(jiǎn)而易懂，希望大家可以學(xué)習(xí)一下，學(xué)習(xí)完之后肯定會(huì)有收獲的，下面讓小編帶大家一起來(lái)看看吧。
一、本節(jié)說(shuō)明
我們?cè)陂_(kāi)發(fā)過(guò)程中經(jīng)常需要監(jiān)聽(tīng)用戶(hù)的輸入，比如：用戶(hù)的點(diǎn)擊事件、拖拽事件、鍵盤(pán)事件等等。這就需要用到我們下面要學(xué)習(xí)的內(nèi)容v-on指令。
我們通過(guò)一個(gè)簡(jiǎn)單的計(jì)數(shù)器的例子，來(lái)講解v-on指令的使用。
二、 怎么做
三、 效果
四、 深入
表達(dá)式只適用于簡(jiǎn)單的數(shù)據(jù)操作場(chǎng)景。如果操作比較復(fù)雜，我們要使用函數(shù)的方式實(shí)現(xiàn)。
定義methods：incr與decr分別實(shí)現(xiàn)加一和減一操作
附錄：js常用可監(jiān)聽(tīng)事件列表
| 屬性 | 事件何時(shí)觸發(fā) |
| abort | 圖像的加載被中斷。 |
| blur | 元素失去焦點(diǎn)。 |
| change | 域的內(nèi)容被改變。 |
| click | 當(dāng)用戶(hù)點(diǎn)擊某個(gè)對(duì)象時(shí)調(diào)用的事件句柄。 |
| dblclick | 當(dāng)用戶(hù)雙擊某個(gè)對(duì)象時(shí)調(diào)用的事件句柄。 |
| error | 在加載文檔或圖像時(shí)發(fā)生錯(cuò)誤。 |
| focus | 元素獲得焦點(diǎn)。 |
| keydown | 某個(gè)鍵盤(pán)按鍵被按下。 |
| keypress | 某個(gè)鍵盤(pán)按鍵被按下并松開(kāi)。 |
| keyup | 某個(gè)鍵盤(pán)按鍵被松開(kāi)。 |
| load | 一張頁(yè)面或一幅圖像完成加載。 |
| mousedown | 鼠標(biāo)按鈕被按下。 |
| mousemove | 鼠標(biāo)被移動(dòng)。 |
| mouseout | 鼠標(biāo)從某元素移開(kāi)。 |
| mouseover | 鼠標(biāo)移到某元素之上。 |
| mouseup | 鼠標(biāo)按鍵被松開(kāi)。 |
| reset | 重置按鈕被點(diǎn)擊。 |
| resize | 窗口或框架被重新調(diào)整大小。 |
| select | 文本被選中。 |
| submit | 確認(rèn)按鈕被點(diǎn)擊。 |
| unload | 用戶(hù)退出頁(yè)面。 |
以上就是關(guān)于如何使用vue中v-on事件監(jiān)聽(tīng)指令的內(nèi)容，如果你們有學(xué)習(xí)到知識(shí)或者技能，可以把它分享出去讓更多的人看到。
免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀(guān)點(diǎn)不代表本網(wǎng)站立場(chǎng)，如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。
億速云公眾號(hào)
手機(jī)網(wǎng)站二維碼
