L'applet WeChat soumet plusieurs zones de saisie dans le formulaire et réalise une liaison de données bidirectionnelle via une méthode bindinput

Méthode :
liez d'abord la balise d'entrée value="{ {字段名}}",
puis liez chaque balise d'entrée data-params="字段名".
À ce stade, vous pouvez obtenir le nom du champ bindinputdans la méthode , puis obtenir la valeur du champ.e.currentTarget.dataset.params
e.detail.value

Diagramme:
insérez la description de l'image ici
insérez la description de l'image ici

code:

<view class="form-item">
  <view class="title">品名</view>
  <input class="content" value="{
     
     {baseInfo.goodsName}}" bindinput="bindKeyInput" data-params="goodsName" ></input>
 </view>
  <view class="form-item">
      <view class="title">规格</view>
      <input class="content" value="{
     
     {baseInfo.spec}}" bindinput="bindKeyInput" data-params="spec"></input>
  </view>
</view>
data: {
    
    
	baseInfo: {
    
    }
},

bindKeyInput(e){
    
    
      console.log('e', e)
      this.data.baseInfo[`${
      
      e.currentTarget.dataset.params}`] = e.detail.value
      this.setData({
    
    
        baseInfo: this.data.baseInfo
      })
      console.log(`baseInfo对象:`, this.data.baseInfo)
},

Article de référence : la liaison de données bidirectionnelle d'entrée de l'applet WeChat, pour résoudre chaque entrée nécessite une méthode bindinput

Je suppose que tu aimes

Origine blog.csdn.net/guairena/article/details/127578637
conseillé
Classement