微信小程序(5)--页面跳转传值（点击item传值）

one页面实现以下代码：

1,data-id="{{item.id}}"为标记列表的下标，

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

bindtap="readArticle"点击事件

在for循环的时候会报异常，加wx:key=""异常就不会出现了

<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>

2。JS：

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

3， two页面实现以下代码：

 /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    var $data = options.id;
    console.log('onLoad' + $data)
    console.log('options======' + $data);
    
  },

注意：

我在刚开始运行这段代码时 two页面实现id输出始终为undefined，输出options中也没有id值。最后将var userid= options.id改为var $data = options.id，然后就没问题了，可以正常得到数据。