技術標籤：搬磚日常vue開發日記我的成長vue.jsjavascript

常用修飾符

(1)trim:過濾首尾空格

<input v-model.trim='name'>

(2)number:自動轉換為number型別

<input v-model.number='name'>

(3)lazy:值與資料進行同步
在預設情況下，v-model 在每次 input 事件觸發後將輸入框的值與資料進行同步 。你可以新增 lazy 修飾符，從而轉變為使用 change 事件進行同步：

<!-- 在“change”時而非“input”時更新 -->
<
 
input v-model.lazy="name" >

事件修飾符

例如：

<button v-on:click.stop="btn"></button >
//縮寫
<button @click.stop="btn"></button >

(1)stop:阻止單擊事件冒泡
(2）prevent:攔截預設事件
(3)passive:不攔截預設事件
(4)capture:事件捕獲模式。即元素自身觸發的事件先在此處處理，然後才交由內部元素進行處理

按鍵修飾符

例如：

<input v-on:
 
keyup.enter="name"> 
//縮寫
<input @keyup.enter="submit">

(1)enter： 回車
(2)tab：切換
(3)delete (捕獲“刪除”和“退格”鍵)
(4)esc：退出
(5)space: 空格