三種常用的Vue表單修飾符使用場景...

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就沒有效果了
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章