微信小程序 页面跳转传值实现代码
更新时间：2017年07月27日 08:45:02 投稿：lqh
这篇文章主要介绍了微信小程序 页面跳转传值实现代码的相关资料,这里分析实现的条件及实例代码，需要的朋友可以参考下
微信小程序 页面跳转传值实现代码
微信小程序的页面路径只能是五层；
现在场景如下：
index（首页）打开新页面 list（列表）打开新页面search（条件查询）确定条件返回 list（列表）；
这里有个限制，微信只能打开五层网页，意味着：在search页面点击确定的时候是要返回上一页：
wx.navigateBack(OBJECT)
该api是无法带参数返回上一页的，微信给出的方法是在全局变量里面添加对象；（真特么操蛋）
app.js加入变量search
search:'',
后续js头部全部添加
let $ = getApp()
index.js中：
每次重置
onShow: function () {
$.search='';
},
list.js中：
每次视图出现重置list集合，微信小程序保留上一次的集合，然后获取search对象，进行查询操作
onShow: function () {
this.data.list = [];
if ($.search != '') {
this.data.search=$.search;
}
this.loadMore();
},
search.js中：
点击搜索触发onSubmit事件，给search赋值，然后返回上一页面
onSubmit() {
$.search = this.data.model;
wx.navigateBack();
}
以上就是微信小程序 页面跳转传值的实例，本站关于微信小程序的 文章还有很多，欢迎大家搜索参阅，感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
相关文章
全选反选checkbox在实际应用中比较常见，本文有个不错的示例，大家可以参考下2014-03-03
fetch函数是一个用于在JavaScript中执行HTTP请求的现代API,它提供了一种更简洁、更强大的方式来处理网络请求,这篇文章主要介绍了JavaScript中fetch方法的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-04-04
Electron是开发跨平台pc客户端的利器,最近在使用它时遇到一个需要右键保存页面中图片的功能,Electron虽使用了Chromium内核但却无法直接使用系统右键,需要自定义右键菜单,然后添加图片保存功能,以下是我的使用方法,需要的朋友可以参考下2024-07-07
这篇文章主要介绍了JS类的定义与使用方法,结合实例形式深入分析了javascript类的定义与属性、方法的调用技巧,需要的朋友可以参考下2016-11-11
二维码作为一种快速的信息识别工具,被广泛应用于各行各业,在互联网的时代,生成二维码已经成为了一项必需的技能,这篇文章主要给大家介绍了关于前端qrcode生成二维码安装及使用示例的相关资料,需要的朋友可以参考下2024-08-08
这篇文章主要介绍了微信小程序错误this.setData报错及解决过程,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-09-09
这篇文章主要介绍了基于javascript实现根据身份证号码识别性别和年龄的相关资料,需要的朋友可以参考下2016-01-01
这篇文章主要介绍了javascript简单的实现命名空间效果的方法。需要的朋友可以过来参考下，希望对大家有所帮助2014-03-03
所谓的条件渲染就是判断是否需要把代码渲染到展示页面上,下面这篇文章主要给大家介绍了关于微信小程序条件渲染的相关资料,文中通过实例代码和图文介绍的非常详细,需要的朋友可以参考下2022-08-08
2008-02-02
最新评论