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

合集 - 微信小程序(8)

1.微信小程序循环展示数据，选中将参数传递至js，由js传递至另外一个页面2023-12-24

2.微信小程序从django后端获取数据、获取登录用户名2023-12-243.微信小程序下拉后端查询的列表数据2023-12-244.微信小程序 js怎么获取js文件变量的值2023-12-255.微信小程序 本地定义的data变量怎么取2023-12-306.Django quertset、set的序列化2024-01-077.微信小程序 返回时传输数据到上一个页面2024-01-098.微信小程序 取列表的for循环的第一个值2024-01-13

收起

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

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

?

1 2 3 4 5 6 7

<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：获取从前端选中的数据

?

1 2 3 4 5 6 7 8 9

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传来的参数

?

1 2 3 4 5 6 7

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