Vue表單輸入綁定修飾符

.lazy

  在默認情況下，v-model 在每次 input 事件觸發後將輸入框的值與數據進行同步。你可以添加 lazy 修飾符，從而轉變爲使用 change 事件進行同步：

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

.number

  如果想自動將用戶的輸入值轉爲數值類型，可以給 v-model 添加 number 修飾符：

<input v-model.number="age" type="number">

  這通常很有用，因爲即使在 type="number" 時，HTML 輸入元素的值也總會返回字符串。如果這個值無法被 parseFloat() 解析，則會返回原始的值。

.trim

  如果要自動過濾用戶輸入的首尾空白字符，可以給 v-model 添加 trim 修飾符：

<input v-model.trim="msg">