Vue——v-model修飾符


  • lazy

    v-model 是每次修改都會綁定值,添加了 lazy 就只會在回車后或者失去焦點后綁定

    使用

    v-model.lazy = 'msg'

  • number

    默認以 string 類型保存在 data 中,通過 number 修飾符可以以 number 類型存入 data 中

    使用

    <input type="number" v-model.number='msg'/>	// input 的類型為 number 只能輸入數字,如果沒有修飾符,保存到 data 中仍然是 string 類型
    
  • trim

    去除字符串兩邊的空字符

    使用

    v-model.trim = 'msg'

    注:一般瀏覽器顯示的時候不會顯示字符串的空格,但在 data 中存在


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM