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


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 页面全选框实践代码
Apr 02 Javascript
收集的一些Array及String原型对象的扩展实现代码
Dec 05 Javascript
Jquery Ajax的Get方式时需要注意URL地方
Apr 07 Javascript
合并table相同单元格的jquery插件分享(很精简)
Jun 20 Javascript
理解javascript中的原型和原型链
Jul 30 Javascript
轻松学习jQuery插件EasyUI EasyUI创建树形网络(1)
Nov 30 Javascript
jQuery基本选择器(实例及表单域value的获取方法)
May 20 Javascript
微信小程序开发之大转盘 仿天猫超市抽奖实例
Dec 08 Javascript
js replace替换字符串同时替换多个方法
Nov 27 Javascript
vue中nextTick用法实例
Sep 11 Javascript
如何利用Node.js与JSON搭建简单的动态服务器
Jun 16 Javascript
微信小程序实现锚点跳转
Nov 23 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
JavaScript获得选中文本内容的方法
2008/12/02 Javascript
jquery 输入框数字限制插件
2009/11/10 Javascript
ExtJS Grid使用SimpleStore、多选框的方法
2009/11/20 Javascript
jQuery下扩展插件和拓展函数的写法(匿名函数使用的典型例子)
2010/10/20 Javascript
wap手机图片滑动切换特效无css3元素js脚本编写
2014/07/28 Javascript
网页运行时提示对象不支持abigimage属性或方法
2014/08/10 Javascript
jquery中animate的stop()方法作用实例分析
2015/01/30 Javascript
JavaScript中的toLocaleLowerCase()方法使用详解
2015/06/06 Javascript
JQuery中模拟image的ajaxPrefilter与ajaxTransport处理
2015/06/19 Javascript
使用jQuery在移动页面上添加按钮和给按钮添加图标
2015/12/04 Javascript
jquery.cookie实现的客户端购物车操作实例
2015/12/24 Javascript
JavaScript中各种引用类型的常用操作方法小结
2016/05/05 Javascript
AngularJs bootstrap详解及示例代码
2016/09/01 Javascript
实例解析angularjs的filter过滤器
2016/12/14 Javascript
利用js来实现缩略语列表、文献来源链接和快捷键列表
2016/12/16 Javascript
jQuery插件之validation插件
2017/03/29 jQuery
给Easyui-Datebox设置隐藏或者不可用的解决方法
2017/05/26 Javascript
Vue中$refs的用法详解
2018/06/24 Javascript
JavaScript实现表单注册、表单验证、运算符功能
2018/10/15 Javascript
详解JavaScript之ES5的继承
2020/07/08 Javascript
JavaScript实现多层颜色选项卡嵌套
2020/09/21 Javascript
python实现单线程多任务非阻塞TCP服务端
2017/06/13 Python
Python Socket编程之多线程聊天室
2018/07/28 Python
set在python里的含义和用法
2019/06/24 Python
python并发爬虫实用工具tomorrow实用解析
2019/09/25 Python
python实现猜数字游戏
2020/03/25 Python
wxPython实现整点报时
2019/11/18 Python
Python3之乱码\xe6\x97\xa0\xe6\xb3\x95处理方式
2020/05/11 Python
python产生模拟数据faker库的使用详解
2020/11/04 Python
介绍一下HDLC(High-Level Data Link Control)高层数据链路协议
2012/01/21 面试题
幼儿园教师的考核评语
2014/04/18 职场文书
绿色校园广播稿
2014/10/13 职场文书
大学生暑假实习总结
2015/07/13 职场文书
技术入股协议书
2016/03/22 职场文书
pytorch 使用半精度模型部署的操作
2021/05/24 Python
Windows Server 版本 20H2 于 8 月 9 日停止支持,Win10 版本 21H1 将于 12 月结束支
2022/07/23 数码科技