Vue中v-mode.lazy修飾符理解以及onchange事件和oninput事件的區別

一. onchange事件和oninput事件的區別:

  1. oninput事件是在用戶每次輸入時觸發
  2. onchange事件是在輸入框失去焦點時候觸發

二. Vue中的lazy修飾符:

  • 官方原話:
           在默認情況下,v-model 在每次 input事件觸發後將輸入框的值與數據進行同步 (除了上述輸入法組合文字時)。你可以添加 lazy 修飾符,從而轉變爲使用 change 事件進行同步

  • 解釋:綁定的值在“change”時而非“input”時更新 ,結合上面onchange事件和oninput事件的區別,就比較好理解了

發佈了48 篇原創文章 · 獲贊 5 · 訪問量 2萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章