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


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 相关文章推荐
IE不出现Flash激活框的小发现的js实现方法
Sep 07 Javascript
addEventListener和attachEvent二者绑定的执行函数中的this不相同
Dec 09 Javascript
十个迅速提升JQuery性能让你的JQuery跑得更快
Dec 10 Javascript
JavaScript包装对象使用介绍
Aug 29 Javascript
jQuery表格插件ParamQuery简单使用方法示例
Dec 05 Javascript
jquery的attr方法禁用表单元素禁用输入内容
Jun 23 Javascript
JS实现文字向下滚动完整实例
Feb 06 Javascript
DOM 事件的深入浅出(二)
Dec 05 Javascript
Bootstrap 网格系统布局详解
Mar 19 Javascript
Vue.js仿Metronic高级表格(二)数据渲染
Apr 19 Javascript
JS实现的全排列组合算法示例
Oct 09 Javascript
原生JS实现多条件筛选
Aug 19 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
建站常用13种PHP开源CMS比较
2009/08/23 PHP
浅析PHP编程中10个最常见的错误
2014/08/08 PHP
使用PHP和HTML5 FormData实现无刷新文件上传教程
2014/09/06 PHP
Yii2基于Ajax自动获取表单数据的方法
2016/08/10 PHP
golang、python、php、c++、c、java、Nodejs性能对比
2017/03/12 NodeJs
使用jquery与图片美化checkbox和radio控件的代码(打包下载)
2010/11/11 Javascript
function foo的原型与prototype属性解惑
2010/11/19 Javascript
关于URL中的特殊符号使用介绍
2011/11/03 Javascript
基于jquery的用鼠标画出可移动的div
2012/09/06 Javascript
javascript中的=等号个数问题两个跟三个有什么区别
2013/10/23 Javascript
js获得参数的getParameter使用示例
2014/02/26 Javascript
node.js中的fs.chown方法使用说明
2014/12/16 Javascript
js实现不重复导入的方法
2016/03/02 Javascript
js实现常用排序算法
2016/08/09 Javascript
JavaScript转换数据库DateTime字段类型方法
2017/06/27 Javascript
AngularJS常见过滤器用法实例总结
2017/07/06 Javascript
Vue循环遍历选项赋值到对应控件的实现方法
2020/06/22 Javascript
vant picker+popup 自定义三级联动案例
2020/11/04 Javascript
Python使用Phantomjs截屏网页的方法
2018/05/17 Python
Python线程池模块ThreadPoolExecutor用法分析
2018/12/28 Python
Python实现删除排序数组中重复项的两种方法示例
2019/01/31 Python
Python将文字转成语音并读出来的实例详解
2019/07/15 Python
python+requests接口压力测试500次,查看响应时间的实例
2020/04/30 Python
Python爬虫如何应对Cloudflare邮箱加密
2020/06/24 Python
Python高并发和多线程有什么关系
2020/11/14 Python
html5新增的属性和废除的属性简要概述
2013/02/20 HTML / CSS
HTML5中input[type='date']自定义样式与日历校验功能的实现代码
2017/07/11 HTML / CSS
波兰在线儿童和婴儿用品零售商:pinkorblue
2019/06/29 全球购物
房地产开发计划书
2014/01/10 职场文书
最美孝心少年事迹材料
2014/08/15 职场文书
委托证明书
2014/09/17 职场文书
11.9消防日宣传标语
2014/10/08 职场文书
2015年教师节感恩寄语
2015/03/23 职场文书
Mysql 如何批量插入数据
2021/04/06 MySQL
Django 实现jwt认证的示例
2021/04/30 Python
详解Redis的三种常用的缓存读写策略步骤
2022/05/06 Redis