微信小程序循环展示数据,选中将参数传递至js,由js传递至另外一个页面

发布时间 2023-12-24 22:18:30作者: zhengzai7

关键词:微信小程序、页面切换、参数传递、页面切换时的参数传递。

1、页面1的 wxml:循环展示数据,并选中,将参数传递至js

 <block wx:for="{{caselist}}" wx:for-item="item" style="display: flex;">
    <view class="item">
      <button catchtap="casedetail" data-name='{{item.fields.name}}'>
        {{item.fields.name}}
      </button>
    </view>
 </block>

2、页面1的 js:获取从前端选中的数据

casedetail:function(e){
  let casename = e.currentTarget.dataset.name;
  let user=wx.getStorageSync('user');
  var username=user.nickName;
  console.log("办案名称:"+casename),
  wx.navigateTo({
      url:"/pages/servertab/casedetail?username="+username+"&casename="+casename,
  }); 
},  

3、页面2的 js:获取从页面1传来的参数

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad(options) {
    var casename = options.casename;
    console.log("办案名称:"+casename);
  },