微信小程序页面间参数传递获取

约定不等于承诺〃 2022-04-24 07:14 218阅读 0赞

两种方式：

1.  `<navigator>跳转页面</navigator>`

test.wxml：

<view>
      
      <navigator url='/pages/gettest/gettest?id=1&name="jack"'>navigator跳转到</navigator>
    </view>

gettest.js：

/** * 生命周期函数--监听页面加载 * 微信小程序周期函数onLond中提供了options参数就是获取上一页面跳转的参数 */	
    onLoad: function (options) { 
    	console.log(options) //{id: "1", name: ""jack""}
    },

1.  路由API只用 `wx.navigateTo(Object object)` 举例

这里定义参数使用`data-参数名`的方式  
test.wxml：

<view>
      
      <button bindtap='goNext' data-id='333' data-name='jc'>bindtap点击跳转到</button>
    </view>

获取参数通过`event.target.dataset`  
test.js：

goNext(event) { 
      console.log(event.target.dataset)//{id: "333", name: "jc"}
      let id = event.target.dataset.id;
      let name = event.target.dataset.name;
      wx.navigateTo({ 
        url: '/pages/gettest/gettest?id=' + id + '&name=' + name,
      })
    }

gettest.js：

/** * 生命周期函数--监听页面加载 */
    onLoad: function (options) { 
    	console.log(options)// {id: "333", name: "jc"}
    },

发表评论取消回复

表情：

评论列表（有 0 条评论，218人围观）

还没有评论，来说两句吧...

相关阅读

相关页面数据传递(微信小程序、uni-app)

页面的数据传递首先我们必须知道页面如何跳转，在wx小程序上页面的跳转可以通过 wx.navigateTo例如： wx.navigateTo({

骑猪看日落/ 2022年12月21日 06:22/ 0 赞/ 101 阅读

相关微信小程序实战篇：小程序之页面数据传递

IT实战联盟博客：[http://blog.100boot.cn ][http_blog.100boot.cn] ![小程序.jpg][.jpg] 我们在写小程序的时候经

痛定思痛。/ 2022年05月27日 06:40/ 0 赞/ 315 阅读

相关微信小程序-参数传递与事件处理

前言开发过程中经常会遇到从一个页面携带数据到另一个页面的情况，所以需要知道以下信息，什么是事件？有哪些传递方式？如果传递数组呢？如果传递对象呢？一、事件 >

逃离我推掉我的手/ 2022年05月19日 00:45/ 0 赞/ 195 阅读

相关微信小程序页面间参数传递获取

两种方式： 1. `<navigator>跳转页面</navigator>` test.wxml：

约定不等于承诺〃/ 2022年04月24日 07:14/ 0 赞/ 219 阅读

相关静态页面间传递参数

//获取get方式传递过来的参数 function GetArgsFromHref(sHref, sArgName){ 　　v

怼烎@/ 2022年04月01日 14:29/ 0 赞/ 237 阅读

相关微信小程序的页面跳转和参数传递：微信小程序教程系列06

关于页面的跳转，微信小程序提供了3种方法：方法一：使用API wx.navigateTo()函数 ![20170209122949465][] 示例：

待我称王封你为后i/ 2021年12月05日 01:09/ 0 赞/ 343 阅读

相关微信小程序传递值、传递参数

界面代码 .wxml 界面代码 <view class='content'> <block wx:for="{ {a

古城微笑少年丶/ 2021年09月23日 07:54/ 0 赞/ 385 阅读

相关微信小程序获取路径参数

微信小程序的路径参数获取跟网站页面路径参数的获取方式有点不一样。网站页面路径参数的获取方式可参考文章：[https://blog.csdn.net/Charles\_Tia

电玩女神/ 2021年09月15日 10:40/ 0 赞/ 1045 阅读

相关微信小程序 - 路由跳转以及传递参数和获取参数

路由跳转是我们在写项目过程中必用的一个api，路由跳转的方式有很多种，这里我来介绍一下不带参数的路由跳转方式以及带参数的路由跳转方式（这里通过 wx.navigateTo

待我称王封你为后i/ 2021年08月14日 00:10/ 0 赞/ 988 阅读

相关微信小程序页面间通信

页面间通信基础库 2.7.3 开始支持，低版本需做兼容处理。如果一个页面由另一个页面通过 wx.navigateTo 打

刺骨的言语ヽ痛彻心扉/ 2021年07月24日 23:19/ 0 赞/ 429 阅读