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

主机教程 建站分享 2年前 (2022-12-20) 197次浏览

文章摘要:微信小程序页面如何传递参数 微信小程序怎么传参数

微信小程序页面传递参数的示例: 示例1: 在对应的wxml文件中添加以下代码: <block  […]

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

示例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;

}


声明:
若非注明,本站文章源于互联网收集整理和网友分享发布,如有侵权,请联系站长处理。
文章名称:微信小程序页面如何传递参数 微信小程序怎么传参数
文章链接:http://www.7966.org/post/17041.html
转载请注明出处

喜欢 (0)