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


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 相关文章推荐
jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
Mar 25 Javascript
判断一个对象是否为jquery对象的方法
Mar 12 Javascript
JS解析XML实例分析
Jan 30 Javascript
JavaScript获取表单enctype属性的方法
Apr 02 Javascript
JavaScript实现倒计时跳转页面功能【实用】
Dec 13 Javascript
jQuery实现的浮动层div浏览器居中显示效果
Feb 03 Javascript
element-ui 表格实现单元格可编辑的示例
Feb 26 Javascript
Vue封装一个简单轻量的上传文件组件的示例
Mar 21 Javascript
js取0-9随机取4个数不重复的数字代码实例
Mar 27 Javascript
详解vue中router-link标签所必备了解的属性
Apr 15 Javascript
JavaScript实现放大镜效果代码示例
Apr 29 Javascript
Openlayers测量距离与面积的实现方法
Sep 25 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
PHP网上调查系统
2006/10/09 PHP
PHP安全性漫谈
2012/06/28 PHP
php输出1000以内质数(素数)示例
2014/02/16 PHP
php中explode的负数limit用法分析
2015/02/27 PHP
支付宝服务窗API接口开发php版本
2016/07/20 PHP
利用php操作memcache缓存的基础方法示例
2017/08/02 PHP
PHP实现微信支付(jsapi支付)流程步骤详解
2018/03/15 PHP
PHP实现websocket通信的方法示例
2018/08/28 PHP
Draggable Elements 元素拖拽功能实现代码
2011/03/30 Javascript
学习JavaScript编程语言的8张思维导图分享
2015/03/27 Javascript
JavaScript中的replace()方法使用详解
2015/06/06 Javascript
JS实现带鼠标效果的头像及文章列表代码
2015/09/27 Javascript
解决jquery中动态新增的元素节点无法触发事件问题的两种方法
2015/10/30 Javascript
jquery插件jquery.LightBox.js实现点击放大图片并左右点击切换效果(附demo源码下载)
2016/02/25 Javascript
js原型链与继承解析(初体验)
2016/05/09 Javascript
vue.js入门教程之基础语法小结
2016/09/01 Javascript
基于jQuery实现的打字机效果
2017/01/16 Javascript
Angular 4依赖注入学习教程之Injectable装饰器(六)
2017/06/04 Javascript
详解webpack与SPA实践之开发环境搭建
2017/12/18 Javascript
vue语法自动转typescript(解放双手)
2019/09/18 Javascript
JS中的const命令你真懂它吗
2020/03/08 Javascript
vue.js 解决v-model让select默认选中不生效的问题
2020/07/28 Javascript
Jquery 获取相同NAME 或者id删除行操作
2020/08/24 jQuery
基于Vant UI框架实现时间段选择器
2020/12/24 Javascript
Python黑魔法@property装饰器的使用技巧解析
2016/06/16 Python
Python实现文件内容批量追加的方法示例
2017/08/29 Python
python使用docx模块读写docx文件的方法与docx模块常用方法详解
2020/02/17 Python
Python如何进行时间处理
2020/08/06 Python
用python对excel进行操作(读,写,修改)
2020/12/25 Python
pycharm进入时每次都是insert模式的解决方式
2021/02/05 Python
学习十八届三中全会精神实施方案
2014/02/17 职场文书
养生餐厅创业计划书范文
2014/03/26 职场文书
上班时间打瞌睡检讨书
2014/09/26 职场文书
2014年党员评议表自我评价
2014/09/27 职场文书
班主任高考寄语
2015/02/26 职场文书
导游词之山西关帝庙
2019/11/01 职场文书