微信小程序Url传参

微信小程序的跳转分五种

1.wx.navigateTo:保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面，小程序中页面栈最多十层。（可带参）

2.wx.redirectTo:关闭当前页面，跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。（可带参）

3.switchTab:跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面（不可带参）

4.wx.navigateBack:关闭当前页面，返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈，决定需要返回几层。（没有url属性，不可带参）

5.wx.reLaunch：关闭所有页面，打开到应用内的某个页面（可带参）

1.wx.navigateTo

(1).在pageA页面有一个固定的值要传递到pageB页面，比如说一个固定的值id要传递给B

pageA页面

wx.navigateTo({

url: "/pages/pageA/pageA?id=77"

});

pageB页面

data:{id:0}

onload(options){

this.setData({ id:options.id })

console.log(this.data.id) // 77

}

(2).在pageA页面有多个固定的值要传递到pageB页面，比如说一个固定的值id要传递给B

pageA页面

wx.navigateTo({

url: "/pages/pageA/pageA?id=77&age=20"

});

pageB页面

data:{id:0,age:0},

onload(options){

this.setData({ id:options.id, age:options.sex })

console.log(this.data.id,this.data.sex) // 77,20

}

还有一种就是多个参数用 'xx?xx=' + 11 + '&xxx=' + 22 的方式传参

pageA页面

data:{age:20}

wx.navigateTo({

url: "/pages/pageD/pageD?id=" + 77 + ‘&sex=’ + '男' + '&age=' + this.data.age

});

pageB页面
data:{ id:0, sex:'', age:0}

onload(options){

this.setData({ id:options.id , sex:options.sex , age:options.age })

console.log( this.data.id, this.data.sex, this.data.age) // 77 男 20

}

微信小程序Url传参相关推荐

微信小程序事件传参
微信小程序事件传参 wxml部分 js 部分 wxml部分 1.先绑定事件 2.在该元素上写上属性 data-index 3.参数值即为要传参数 <text catchtap="de ...
微信小程序函数传参以及获取调用
最近在做微信小程序,发现小程序的页面函数传参和web端不一样,在此做个记录: 1.web端函数传参是这样的 <Buttontype="primary"className=&q ...
微信小程序路径传参汉字乱码问题
问题描述操作步骤 1.微信小程序页面跳转的时候进行路由传参,value含有汉字.并且跳转进入的页面中使用到了这个value2.点击右上角胶囊分享3.从分享的链接中点击进入页面,在传入value汉字使 ...
微信小程序事件传参以及循环
微信的循环和传参 wx:for="{{ imageText }}" 循环体 wx:for-item="item" 指定微信的每一项 wx:for-index=& ...
微信小程序页面传参（url）参数过长报错解决办法
在开发中,如果希望将一个对象从一个页面传到另一个页面时,大家可能都会知道用JSON.stringify()的方式,把对象转成JSON字符串再传值,但是当我们的这个对象字符串数值过长的时候就会出现报错, ...
微信小程序--页面传参
场景: A页面字段---传递到-->B页面 A页面wxml: wx:for----习惯用<block> 设置所点击的值----data-xxx 获取所点击的值---e.current ...
微信小程序bindtap传参
微信小程序上传文件组件
微信小程序上传文件一.说明该拍照组件带有微信授权相机功能,会结合后端接口,将上传的图片以数组集合的形式传值给父级页面. 注意:组件适用于,单独上传图片,不携带参数,结合后端接口返回路径之后,再调用 ...
支付宝扫码跳转小程序并传参
支付宝扫码跳转小程序并传参 1. 打开支付宝开放平台支付宝开放平台打开支付宝开放平台,进入自己的小程序详情页面.点击小程序码>关联普通二维码>添加按钮 2. 输入业务域名这里我们选择 ...

微信小程序Url传参

微信小程序Url传参相关推荐

最新文章

热门文章