vue的項目開發中須知道的三個vue表單修飾符(.lazy, .number, .trim)
1,.lazy
- 簡單地說:我們在input輸入框輸入的時候,標籤裏的內容會實時變化,加了.lazy修飾符後,只有當鼠標光標離開input輸入框,標籤的內容纔會變化---官方文檔
2,.trim
- 如果要自動過濾用戶輸入的首尾空白字符,可以給v-model添加trim修飾符:
3,.number
- 如果想自動將用戶的輸入值轉爲數值類型,可以給v-model添加number修飾符:如果v-model不加.number ,那麼即使你輸入的是number,但其實它是字符串
- 加了number之後 ,如果你先輸入數字,那它就會限制你輸入的只能是數字,後面在輸入字符串就不會顯示;如果先輸入字符串,那麼.number就沒有效果了