(參考連結:https://vuejs.org/v2/guide/forms.html )
v-model.lazy
v-model.number
v-model.trim
...
在vue中,
使用v-model可對data內的資料做雙向綁定,
除此之外,
vue還提供了額外的修飾符(modifiers),
使用這些修飾符與v-model做結合可達到更多的自訂效果,
茲說明如下:
v-model.lazy:
使用者按輸入後才會更新資料
v-model.number:
將使用者輸入的"數值"強制轉換為Number型別.
要注意的是若使用者是輸入字串,
則轉換就無效.建議可搭配input type="number"使用
v-model.trim:
將頭尾空白去除
除了將修飾符單獨與v-model搭配使用外,
修飾符也可混合使用,
像是:
v-model.trim.number
諸如此類的使用方式也是允許的.