Vue学习01-v-on事件修饰符
生活随笔
收集整理的這篇文章主要介紹了
Vue学习01-v-on事件修饰符
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
v-on事件修飾符:
.stop:阻止標簽的向外冒泡行為
如div內部有個button,但是div和button都有點擊事件。此時只希望點擊按鈕時觸發按鈕點擊事件,不觸發div點擊事件,那么v-on:click就可以成功避免點擊按鈕時冒泡到外部div的行為。
.prevent :阻止標簽的默認行為
如阻止a標簽向href跳轉
.self : 只觸發標簽自身的事件
如div只觸發自己的點擊事件,不管內部別人的點擊事件
.once:讓指定的標簽事件只觸發一次
.native:自定義組件時使用,該事件才能被監聽到
如我自定義了< sms >組件,< sms @click=“btn”>這樣的寫法是監聽不到的。必須使用< sms
@click.native=“btn”>該點擊事件才能被監聽到。
按鍵修飾符:與鍵盤的按鍵事件綁定在一起
@keyup.enter:該標簽敲擊回車鍵才觸發事件
@keyup.tab:該標簽獲得tab建的時候被觸發,而不是自身按tab鍵觸發
總結
以上是生活随笔為你收集整理的Vue学习01-v-on事件修饰符的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Nodejs的安装及环境配置
- 下一篇: 解决Mybatis启动报错: Inval