v-model指令后面跟的參數(number、lazy、debounce)


1. number

想將用戶的輸入自動轉換為Number類型(如果原值的轉換結果為NaN, 則返回原值)

2. lazy

在默認情況下, v-model在input事件中同步輸入框的值和數據, 我們可以添加一個lazy特性,從而將數據改到change事件中發生, 代碼示例如下:

<body id="example">
  <input v-model="msg" lazy><br/>
{{msg}}
</body>

<script>
    var exampleVM2 = new Vue({
    el: '#example',
data:{
    msg: '內容是在change事件后才改變的'
}
    })
</script>

3. debounce

  設置一個最小的延時, 在每次敲擊之后延時同步輸入框的值與數據,如果每次更新都要進行高耗操作(例如, 在Input中輸入內容時隨時發送AJAx請求), 那么它較為有用,


免責聲明!

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



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