小程序tab页无法传递参数的方法
2019/6/27 7:48:48
本文主要是介绍小程序tab页无法传递参数的方法,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
微信小程序tab页面不能传参解决方案:
1.设置全局变量,通过全局变量访问
2.小程序本地存储
小程序不支持tab页面传递queryString参数,无论是navigator,还是通过api跳转
遇到的问题如下:
小程序navigator组件默认不能跳转到tabbar页面
这个官方文档写了需要设置open-type为reLaunch或者switchTab,通过api跳转的话同上
<navigator url="/page/index/index" open-type="switchTab">切换 Tab</navigator> api:wx.switchTab({}) / wx.reLaunch()
在跳转时通过在点击事件中设置本地存储后在另一个页面获取不到的问题
通过wx.getStorage()获取不到数据,遂改为了wx.getStorageSync()此种方式在开发者工具上可以获取到,但是发现在部分android机型上无法获取,猜测是因为navigator跳转时可能并没有立即存储数据,导致另一边获取不到,于是改成了将数据保存为全局变量,而不是本地存储,然而,此种方法还是有问题,在真机上部分机型会出现"OnWebviewEvent: goPage, WebViewId xxxxxxxxx not found"警告,猜测是navigator组件的问题,所以改用了下面这种办法
1.改为通过api跳转,
goToMall: function() { /* global_data 为小程序的全局变量, */ 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(); });
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持找一找教程网。
这篇关于小程序tab页无法传递参数的方法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-10-04package.json 文件位置在哪?-icode9专业技术文章分享
- 2024-10-01Craco.js学习:从入门到实践指南
- 2024-10-01Create-React-App学习:入门与实践指南
- 2024-10-01CSS-in-JS学习:从入门到实践指南
- 2024-09-30JSX语法学习:从入门到初步掌握
- 2024-09-30Mock.js学习:入门教程与实战演练
- 2024-09-30React Hooks学习:从入门到实践
- 2024-09-30受控组件学习:React中的基础入门教程
- 2024-09-29JS定时器教程:初学者必看指南
- 2024-09-29JS对象教程:初学者的全面指南