微信小程序循环展示数据,选中将参数传递至js,由js传递至另外一个页面
关键词:微信小程序、页面切换、参数传递、页面切换时的参数传递。
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);
},

浙公网安备 33010602011771号