vue綁定事件的修飾符-轉換輸入類型number

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

<input v-model.lazy="msg" >事件

.number
若是想自動將用戶的輸入值轉爲數值類型,能夠給 v-model 添加 number 修飾符:字符串

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

這一般頗有用,由於即便在 type=」number」 時,HTML 輸入元素的值也總會返回字符串input

.trim
若是要自動過濾用戶輸入的首尾空白字符,能夠給 v-model 添加 trim 修飾符:同步

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

相關文章
相關標籤/搜索