小程序模仿雙向數據綁定


小程序模仿雙向數據綁定(vue的v-model)

在小程序開發中,並沒有類似於vue中的v-model的雙向數據綁定。那我們如何在小程序中實現頁面修改數據時,實時更新data中的數據呢?

1、頁面中的input添加bindinput事件

<input type='text' bindinput='changeVal' value="{{val}}"></input>

2、在data中初始化輸入的值,在changeVal方法中,實時將值賦給val

data{
  val: ''      
},
changeVal: function(e) {
    this.setData({
      val: e.detail.value
    })
}

注意:如果想在輸入完修改data中的值,將bindinput修改為bindblur就行了


免責聲明!

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



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