v-model之后number被轉成string了怎么解決？

用v-model.number="xxxx"

 

 

補充知識點：

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

<input v-model.lazy="msg" >
1
.number
如果想自動將用戶的輸入值轉為數值類型，可以給 v-model 添加 number 修飾符：

<input v-model.number="age" type="number">
1
這通常很有用，因為即使在 type=”number” 時，HTML 輸入元素的值也總會返回字符串。

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

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

 

————————————————
參考：https://blog.csdn.net/liukai6/article/details/80700011