vue2 0修飾符常用得幾個

2021-10-01 02:14:14 字數 961 閱讀 9808

顏色加深得是我認為專案中用得比較躲得

事件修飾符

使用作用說明

stop@click.stop=「」阻止單擊事件冒泡

prevent

@submit.prevent

表單提交不重新過載頁面

capture

@click.capture

先處理自身觸發得事件,再傳遞事件下去

self@click.self=「」只處理自身得事件,不觸發事件委託

passive

@scroll.passive

滾動事件的預設行為 (即滾動行為) 將會立即觸發

按鍵碼修飾符

–.enter.tab.delete (捕獲「刪除」和「退格」鍵).esc.space.up.down.left.right

enter**@keyup.enter=「」 *

預設按回車健,為了在必要的情況下支援舊瀏覽器

enter

@keyup.13=「」*

keycode 的事件用法已經被廢棄了並可能不會被最新的瀏覽器支援

系統修飾鍵

–.ctrl.alt.shift.meta

*滑鼠按鈕修飾符

–.left.right.middle

sync父元件:isshow.sync="issh「 子元件this.$emit(『update:isshow』,false)」通過這種方式可以通過子元件直接改變父元件得issh得值

VUE 常用修飾符

lazy number trim other v model.trim trim ref tr p click getstr 獲取button div newvue methods script 在事件處理程式中呼叫 event.preventdefault 或 event.stoppropagat...

vue常用修飾符

在開發的過程中,如果我們能夠熟練掌握vue的修飾符,就可以大大提高我們的開發效率 每次資料改變,檢視都會發生改變 只有游標離開之後,資料才會發生改變在進行傳遞引數或者登陸註冊的時候,經常會出現空格耽誤事的問題,這個修飾符就會很好的解決這一問題 當輸入 name x name x 可以限制輸入框是數字...

vue修飾符與事件修飾符

前言 在乙個控制項中使用修飾符 可以對控制項或操作做出一定的改變或者約束 修飾符作用 lazy v model在input事件秀實況中轉變為在change事件中同步 number 將使用者舒服的值轉換為number型別 trim 自動過濾使用者輸入的首尾空格 stop 阻止冒泡 prevent 阻止...