温馨提示×

微信小程序页面如何传递参数

小新
191
2020-12-15 14:34:20
栏目: 云计算

微信小程序页面如何传递参数

微信小程序页面传递参数的示例:

示例1:

在对应的wxml文件中添加以下代码:

<block wx:for="{{postList}}" wx:for-item="item" wx:for-index="idx">

<view catchtap="onPostTap" data-postid="{{item.postId}}">

<template is="postItem" data="{{...item}}"/>

</view>

</block>

在对应的js文件中添加以下代码:

onPostTap: function (event){

var postId = event.currentTarget.dataset.postid;

wx.navigateTo({

url: "post-detail/post-detail?id=" + postId;

})

}

示例2:

A页面代码:

//需要传递的参数名为postId

wx.navigateTo({

url: "post-detail/post-detail?id=" + postId

})

B页面代码:

//另一页面接收参数

onLoad: function (option) {

var postId = option.id;

}

0