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


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 相关文章推荐
js实现GridView单选效果自动设置交替行、选中行、鼠标移动行背景色
May 27 Javascript
javascript中使用replaceAll()函数实现字符替换的方法
Dec 25 Javascript
js实现TAB切换对应不同颜色的代码
Aug 31 Javascript
Bootstrap Paginator分页插件与ajax相结合实现动态无刷新分页效果
May 27 Javascript
基于JS代码实现图片在页面中旋转效果
Jun 16 Javascript
JS生成和下载二维码的代码
Dec 07 Javascript
JS控件bootstrap suggest plugin使用方法详解
Mar 25 Javascript
JavaScript模拟实现自由落体效果
Aug 28 Javascript
如何换个角度使用VUE过滤器详解
Sep 11 Javascript
Vue + Scss 动态切换主题颜色实现换肤的示例代码
Apr 27 Javascript
vue路由跳转传递参数的方式总结
May 10 Javascript
vue实现抽屉弹窗效果
Nov 15 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
第4章 数据处理-php字符串的处理-郑阿奇(续)
2011/07/04 PHP
Laravel中Facade的加载过程与原理详解
2017/09/22 PHP
一个用js实现控制台控件的代码
2007/09/04 Javascript
Jquery调用webService远程访问出错的解决方法
2010/05/21 Javascript
Js Jquery创建一个弹出层可加载一个页面
2014/05/08 Javascript
javascript实现根据时间段显示问候语的方法
2015/06/18 Javascript
纯HTML5制作围住神经猫游戏-附源码下载
2015/08/23 Javascript
AngularJs实现ng1.3+表单验证
2015/12/10 Javascript
Ionic实现页面下拉刷新(ion-refresher)功能代码
2016/06/03 Javascript
React Native实现简单的登录功能(推荐)
2016/09/19 Javascript
jQuery实现checkbox列表的全选、反选功能
2016/11/24 Javascript
整理关于Bootstrap表单的慕课笔记
2017/03/29 Javascript
JQuery EasyUI的一些常用组件
2017/07/12 jQuery
谈谈JS中的!!
2017/12/07 Javascript
Vue组件之单向数据流的解决方法
2018/11/10 Javascript
python调用百度语音REST API
2018/08/30 Python
使用python实现抓取腾讯视频所有电影的爬虫
2019/04/15 Python
Django组件content-type使用方法详解
2019/07/19 Python
pytorch 自定义数据集加载方法
2019/08/18 Python
python 获取当前目录下的文件目录和文件名实例代码详解
2020/03/10 Python
python异步Web框架sanic的实现
2020/04/27 Python
使用sklearn对多分类的每个类别进行指标评价操作
2020/06/11 Python
一篇文章教你用python画动态爱心表白
2020/11/22 Python
详解如何在登录过期后跳出Ifram框架
2020/09/10 HTML / CSS
应届生个人求职信模板
2013/11/26 职场文书
毕业生自荐书模版
2014/01/04 职场文书
单位领导证婚词
2014/01/14 职场文书
小学运动会表扬稿
2014/01/19 职场文书
市场安全管理制度
2014/01/26 职场文书
拒绝黄毒毒宣传标语
2014/06/26 职场文书
法语专业求职信
2014/07/20 职场文书
劳模事迹材料范文
2014/12/24 职场文书
研讨会通知
2015/04/27 职场文书
MySQL8.0.18配置多主一从
2021/06/21 MySQL
python实现Nao机器人的单目测距
2021/09/04 Python
ubuntu安装jupyter并设置远程访问的实现
2022/03/31 Python