vue中常用修飾符


一、v-model修飾符

1、.lazy:

輸入框改變,這個數據就會改變,lazy這個修飾符會在光標離開input框才會更新數據:

2、.trim:

輸入框過濾首尾的空格:

3、.number:

先輸入數字就會限制輸入只能是數字,先字符串就相當於沒有加number,注意,不是輸入框不能輸入字符串,是這個數據是數字:

 

二、事件修飾符

4、.stop:

阻止事件冒泡,相當於調用了event.stopPropagation()方法:

 

5、.prevent:

阻止默認行為,相當於調用了event.preventDefault()方法,比如表單的提交、a標簽的跳轉就是默認事件:

6、.self:

只有元素本身觸發時才觸發方法,就是只有點擊元素本身才會觸發。比如一個div里面有個按鈕,div和按鈕都有事件,我們點擊按鈕,div綁定的方法也會觸發,如果div的click加上self,只有點擊到div的時候才會觸發,變相的算是阻止冒泡:

7、.once:

事件只能用一次,無論點擊幾次,執行一次之后都不會再執行

8、.capture:

事件的完整機制是捕獲-目標-冒泡,事件觸發是目標往外冒泡

9、.sync

對prop進行雙向綁定

10、.keyCode:

監聽按鍵的指令,具體可以查看vue的鍵碼對應表



 


免責聲明!

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



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