时间:2021-05-18
微信小程序tab页面不能传参解决方案:
1.设置全局变量,通过全局变量访问
2.小程序本地存储
小程序不支持tab页面传递queryString参数,无论是navigator,还是通过api跳转
遇到的问题如下:
小程序navigator组件默认不能跳转到tabbar页面
这个官方文档写了需要设置open-type为reLaunch或者switchTab,通过api跳转的话同上
在跳转时通过在点击事件中设置本地存储后在另一个页面获取不到的问题
通过wx.getStorage()获取不到数据,遂改为了wx.getStorageSync()此种方式在开发者工具上可以获取到,但是发现在部分android机型上无法获取,猜测是因为navigator跳转时可能并没有立即存储数据,导致另一边获取不到,于是改成了将数据保存为全局变量,而不是本地存储,然而,此种方法还是有问题,在真机上部分机型会出现"OnWebviewEvent: goPage, WebViewId xxxxxxxxx not found"警告,猜测是navigator组件的问题,所以改用了下面这种办法
1.改为通过api跳转,
goToMall: function() { global_data.scenic_link_id = this.data.scenic_link_id; wx.switchTab({ url: '/pages/mall/index/index', }); }2.在接收数据的onShow中接收,如果写在onLoad中,在跳转的时候不应该用wx.switchTab跳转,而应该用wx.reLaunch跳转,因为如果要跳转的页面以前已经被打开了,用switchTab并不会重新渲染页面,只会把页面栈中的这个页面重新显示出来
let id = global_data.scenic_link_id || "1"; // 获取到值后清除,然后重新设置为默认值,这样下次如果是从默认的页面进来的话才会读取默认的数据 if (id != "1") { global_data.scenic_link_id = "1" }; this.setData({ scenic_link_id: id }, () => { // 网络请求 this.fetch(); });以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
微信小程序navigator跳转url传递参数使用方法说明(1)传值:在navigator的属性url后拼接?id(参数名字)=要传递的值(如果多个参数
一、参数传递方法为解决标题问题,首先介绍参数传递方法。目前各类程序设计语言的参数传递方法主要有三种:1.按值传递2.按引用传递3.按指针传递其中按值传递表示方法
本文实例讲述了Java方法的参数传递机制。分享给大家供大家参考,具体如下:参数传递机制对于程序设计语言来说,一般方法(函数)的参数传递有两种:按值传递和按引用传
一:url带参数传递与前端语言一样,小程序页面间的传递可以通过在路由url后接参数,路由的同时会将参数一并传递到新的页面。index.wxml:title=参数
微信小程序传值以及获取值方法,传值有两种方法,对应也有获取值得方法,1、设置id的方法标识跳转后传递的参数值;2、通过使用data-xxxx的方法来标识要传递的