vue中常用的修飾符

Vue.js 中常用的修飾符

修飾符是 Vue.js 中用來修改指令行為的特殊後綴。它們可以添加到指令的末尾，以指定額外的功能。

常用的修飾符：

1. .lazy

• 延遲指令的執行，直到元素進入DOM。
• 用法： v-model.lazy、v-if.lazy

##2 . .memo

快取指令的計算結果，防止在後續渲染中重複計算。
• 用法： v-bind:class.memo

#3. .number

將表達式強制轉換為數字，用於數字輸入。
• 用法： v-model.number

#4. .trim

修剪輸入值中的空格。
• 用法： v-model.trim

#5. .prevent

阻止事件的預設行為。
• 用法： v-on:click.prevent

6. .stop

阻止事件冒泡。
• 用法： v-on:click.stop

7. .once

只執行指令一次。
• 用法： v-on:click.once

#8. .self

僅在目前元素上觸發事件處理函數。
• 用法： v-on:click.self

9. .capture

在事件擷取階段觸發事件處理函數。
• 用法： v-on:click.capture

#10. .enter

在元素進入DOM 時觸發事件處理函數。
• 用法： v-transition:enter

#11. .leave

在元素離開DOM 時觸發事件處理函數。
• 用法： v-transition:leave
#

以上是vue中常用的修飾符的詳細內容。更多資訊請關注PHP中文網其他相關文章！