Vue 支持使用lazy修飾符延遲系結到模型，例如
<input v-model.lazy="value" />
現在模型不會更新，直到輸入失去焦點。但是，如果我將型別更改為Number并使用箭頭鍵設定值，模型會在輸入具有焦點時更新：
<input type="number" v-model.lazy="value" />
有沒有一種（簡單的）方法可以將系結延遲到失去焦點之后？
uj5u.com熱心網友回復：
v-model是:value 的同義詞@change。假設輸入上的箭頭觸發焦點事件，您可以嘗試替換v-model為:value和@blur配對。如果.lazy修改器已經這樣做了，則可能不起作用。
<input type="number" :value="value" @blur="value = $event.target.value" />
另一種替代方法是在設定的時間內“去抖動”更改事件，以便在用戶更改值時該值不會更新。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/379086.html
標籤：Vue.js