微信input對象雙向綁定


1、問題:在微信小程序的雙向綁定不能綁定對象,只能綁定單個的變量,對象的話需要通過setData來設置變量,當表單的input多的時候就很麻煩

2、解決:

html

    <input 
      placeholder-class="pla_text" 
      placeholder='請填寫區域名稱' 
      class="cell_input" 
      value="{{form.areaName}}" 
      data-key="form.areaName" 
      bindinput="bindKeyInput" />
   <input 
      placeholder-class="pla_text" 
      placeholder='請填寫名稱' 
      class="cell_input" 
      value="{{form.name}}" 
      data-key="form.name" 
      bindinput="bindKeyInput" />

js

  bindKeyInput(e) {
    console.log(e)
    const key = e.currentTarget.dataset.key, value = e.detail.value
    this.setData({
      [key]: value
    })
  },

 


免責聲明!

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



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