小程序點擊獲取循環列表中的內容


小程序使用wx:for來循環展示列表(展示上一節地圖的關鍵詞)

這兩天在做小程序的時候還真不是很習慣小程序 
使用wx:for循環,並給每一項綁定一個點擊事件

<scroll-view class="show-search {{isShow ? 'view_show' : 'view_hide'}}" scroll-y>
  <view wx:for="{{searchPlace}}" wx:key="id" wx:for-index="i" data-location="{{item.location}}" bindtap='placeChoose'>
    <view>
      <text style='font-size: 30rpx'>{{item.title}}</text>
    </view>
    <view>
      <text style='font-size: 20rpx' class='address'>{{item.address}}</text>
    </view>
  </view>
</scroll-view>

接着我想通過點擊列表項中的元素,獲取被點擊元素中的值 

這時候我們需要給每一項設置一個data-**屬性,星號部分你自定義名稱即可 
我這里需要元素的坐標data-location="{{item.location}}" 
這樣的話我在點擊的時候就可以通過獲取options.currentTarget.dataset.location 來獲取到location的值了 
如下:

 placeChoose: function (options){
    let location = options.currentTarget.dataset.location
    wx.setStorageSync('location', location)
    wx.navigateBack({
      // 返回的頁面數
      data: 1
    })
  }

通過這方法就可以獲取到你所需要的內容了。


免責聲明!

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



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