1. 程式人生 > >微信小程式 互動過程中物件陣列賦值

微信小程式 互動過程中物件陣列賦值

舉個例子 這個留言框在wxml頁面只寫了一個 但是如果是多店鋪的購買 他就會迴圈出現多次  每次輸入店鋪留言 只會儲存最後一個input的內容但是後臺要拿到多個內容

      <!-- 留言 -->
      <view class='content-input flexw'>
        <view class='input-box flexac'>
          <text>留言</text>
          <input name="text" value="" placeholder='請輸入留言' bindblur='inputText' data-index="{{index}}"></input> 
        </view>
      </view>
    </view>
  //留言
  inputText(e) {
    let that = this
    const index = e.currentTarget.dataset.index; //獲取下標
    let item = "jiF[" + index + "].store.beizhu" //jiF是後臺返回的購物車資料 
    console.log('留言內容', e.detail.value)
    that.setData({
      [item]: e.detail.value //每次輸入setData 賦值
    })
    console.log('jiF', that.data.jiF) //賦值成功後陣列
  }

第一次輸入的留言內容和第二次輸入的留言內容都可以拿到 並且賦值