溫馨提示×

微信小程序item怎么頁面?zhèn)鲄?/h1>
小新
149
2021-03-19 15:57:05
欄目: 云計算

微信小程序item怎么頁面?zhèn)鲄? title=

微信小程序item頁面?zhèn)鲄⒌陌咐?/p>

A頁面

data-id="{{item.id}}"為標(biāo)記列表的下標(biāo)，

item.id的來源與wx:for="{{ components }}"的列表渲染

bindtap="readArticle"點擊事件

在for循環(huán)的時候會報異常，加wx:key=""異常就不會出現(xiàn)了

wxml文件代碼

<view class="grids-small">
<block wx:for="{{ components }}" wx:key="">
<view class="grid" bindtap="readArticle"  data-id="{{item.id}}">
<view class="grid_icon">
<image class="grid_icon" src="../resources/room.jpg" alt="" />
</view>
<view class="grid_label">{{ item.title }}</view>
     </view>
</block>
</view>

js文件代碼

readArticle:function(e){
    var $data = e.currentTarget.dataset;
    console.log('$data===啊哈哈' + $data.id);
    wx.navigateTo({
      url: '/pages/index/index?id='+ $data.id ,
    })
  }

B頁面代碼

/**
   * 生命周期函數(shù)--監(jiān)聽頁面加載
   */
  onLoad: function (options) {
    var $data = options.id;
    console.log('onLoad' + $data)
    console.log('options======' + $data);
    
  },


0 踩