微信小程序 页面跳转传值实现代码


Posted in Javascript onJuly 27, 2017

微信小程序 页面跳转传值实现代码

微信小程序的页面路径只能是五层;

现在场景如下:

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(); 
}

 以上就是微信小程序 页面跳转传值的实例,本站关于微信小程序的 文章还有很多,欢迎大家搜索参阅,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
斜45度寻路实现函数
Aug 20 Javascript
Jquery iframe内部出滚动条
Feb 11 Javascript
Javascript 类、命名空间、代码组织代码
Jul 31 Javascript
利用js实现选项卡的特别效果的实例
Mar 03 Javascript
artdialog的图片/标题以及关闭按钮不显示的解决方法
Jun 27 Javascript
jquery ajax属性async(同步异步)示例
Nov 05 Javascript
javascript版2048小游戏
Mar 18 Javascript
JS实现的在线调色板实例(附demo源码下载)
Mar 01 Javascript
JS动态增删表格行的方法
Mar 03 Javascript
jQuery如何跳转到另一个网页 就这么简单
Dec 28 Javascript
javascript的delete运算符知识点总结
Nov 19 Javascript
js中的面向对象之对象常见创建方法详解
Dec 16 Javascript
JS实现按钮控制计时开始和停止功能
Jul 27 #Javascript
关于JavaScript中forEach和each用法浅析
Jul 27 #Javascript
Easyui使用Dialog行内按钮布局的实例
Jul 27 #Javascript
easyui datagrid 表格中操作栏 按钮图标不显示的解决方法
Jul 27 #Javascript
js实现日期显示的一些操作(实例讲解)
Jul 27 #Javascript
Angular通过angular-cli来搭建web前端项目的方法
Jul 27 #Javascript
使用JavaScript开发跨平台的桌面应用详解
Jul 27 #Javascript
You might like
Breeze 文章管理系统 v1.0.0正式发布
2006/12/14 PHP
JS中encodeURIComponent函数用php解码的代码
2012/03/01 PHP
PHP工程师VIM配置分享
2015/12/15 PHP
Laravel 读取 config 下的数据方法
2019/10/13 PHP
PHP文件操作简单介绍及函数汇总
2020/12/11 PHP
fix-ie5.js扩展在IE5下不能使用的几个方法
2007/08/20 Javascript
javascript打开新窗口同时关闭旧窗口
2009/01/16 Javascript
原生js拖拽(第一课 未兼容)拖拽思路
2013/03/29 Javascript
Javascript的时间戳和php的时间戳转换注意事项
2013/04/12 Javascript
js实现数组去重、判断数组以及对象中的内容是否相同
2013/11/29 Javascript
Jqgrid设置全选(选择)及获取选择行的值示例代码
2013/12/28 Javascript
js动态往表格的td中添加图片并注册事件
2014/06/12 Javascript
Javascript this 关键字 详解
2014/10/22 Javascript
Jquery动态替换div内容及动态展示的方法
2015/01/23 Javascript
@ResponseBody 和 @RequestBody 注解的区别
2017/03/08 Javascript
vue之父子组件间通信实例讲解(props、$ref、$emit)
2018/05/22 Javascript
js实现每日签到功能
2018/11/29 Javascript
浅谈webpack devtool里的7种SourceMap模式
2019/01/14 Javascript
vue 组件开发原理与实现方法详解
2019/11/29 Javascript
功能完善的小程序日历组件的实现
2020/03/31 Javascript
PyCharm设置每行最大长度限制的方法
2019/01/16 Python
基于python实现的百度音乐下载器python pyqt改进版(附代码)
2019/08/05 Python
Python简易计算器制作方法代码详解
2019/10/31 Python
Python数据可视化:箱线图多种库画法
2019/11/06 Python
开工庆典邀请函范文
2014/01/16 职场文书
大学生自我评价范文分享
2014/02/21 职场文书
临时工聘用合同协议书
2014/10/29 职场文书
2014年路政工作总结
2014/12/10 职场文书
学习保证书100字
2015/02/26 职场文书
2015年事业单位办公室文员工作总结
2015/04/24 职场文书
2015年公司工作总结
2015/04/25 职场文书
2015年“我们的节日·中秋节”活动总结
2015/07/30 职场文书
python爬不同图片分别保存在不同文件夹中的实现
2021/04/02 Python
使用Oracle命令进行数据库备份与还原
2021/12/06 Oracle
未发现nvidia显卡怎么办?Win11系统中未检测到nvidia显卡解决教程
2022/04/08 数码科技
MySQL创建管理RANGE分区
2022/04/13 MySQL