当前位置:首页 > 日记 > 正文

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

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

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

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

现在场景如下:

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

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

相关文章

PS怎么使用计数工具? PS计数工具计

PS怎么使用计数工具? PS计数工具计

工具,方法,电脑软件,PS,ps中的工具很多,今天我们就来看看计数工具的使用方法,很简单,详细如下文所示。软件名称:Adobe Photoshop 8.0 中文完整绿色破解版软件大小:150.1MB更新时间:2015-11-041、举个简单的例子演示下操作方法,现在,要统计下图中的…

JavaScript中数组Array方法详解

JavaScript中数组Array方法详解

方法,数组,详解,电脑软件,JavaScript,ECMAScript 3在Array.prototype中定义了一些很有用的操作数组的函数,这意味着这些函数作为任何数组的方法都是可用的。1、Array.join()方法Array.join()方法将数组中所有元素都转化为字符串并连接在一起…

vue轮播图插件vue-awesome-swiper

vue轮播图插件vue-awesome-swiper

轮播图,代码实例,插件,电脑软件,vue,最近写vue2.0项目中用到了轮播图的一个插件,也就是vue-awesome-swiper,个人感觉还是比较强大的,swiper官网中的API及配置均可使用(支持3.0),以下说下使用该插件的一些步骤:第一步安装npm install vue-awesome…

AI混合工具制作低多边形风格几何lo

AI混合工具制作低多边形风格几何lo

混合,教程,工具,多边形,几何,版权申明:本文原创作者“如如酱w ”,感谢“如如酱w ”的原创经验分享!低多边形的正式名称叫做 Low Poly 3D,翻译过来叫做低面设计或低多边形设计。 低多边形风格正火,接下来小编就给大家分析分…

excel2007停止工作的解决方法excel

excel2007停止工作的解决方法excel

解决方法,工作,电脑软件,strong,  停止工作解决方法在Excel中是比较常用的功能之一,如果有不懂的朋友却需要用到这个功能的朋友不妨学习一番吧!接下来是小编为大家带来的excel2007停止工作的解决方法,供大家参考。excel2007停止工作的解决…

CDR怎么绘制齿轮零件模型?

CDR怎么绘制齿轮零件模型?

模型,绘制,齿轮,零件,电脑软件,在PS中可以利用Ctrl+Shift+AIT+T这个命令再次变换对象,从而可以达到对象围绕某一中心点旋转复制的效果,这在做类似齿轮、花儿造型的时候能够经常用到。使用CorelDRAW绘制简单齿轮效果是轻松快捷的,可以直接使用C…

元素全屏的设置与监听实例

元素全屏的设置与监听实例

设置,全屏,元素,实例,电脑软件,设置全屏和退出全屏//全屏设置 $('#fullScreen').on('click', function () { fullScreen(); }); //退出全屏 $('#exitFullScreen').on('click', function () { exitFullScreen(); }); //进入全屏fu…

一个有意思的鼠标点击文字特效jque

一个有意思的鼠标点击文字特效jque

鼠标点击,有意思,代码,文字特效,电脑软件,今天在【幻想's Blog】看到一段比较喜欢的鼠标点击文字特效JS代码,感觉很不错就用到博客上来了!喜欢的站长也可以用一下感觉一下!只需将如下JS代码放到</body>之前即可。<script type="text/javascr…

Photoshop合成创意风格的圣诞节狂

Photoshop合成创意风格的圣诞节狂

教程,创意,圣诞节,海报,狂欢夜,本教程主要使用Photoshop合成圣诞节狂欢夜活动海报教程,整体的海报都是用素材一起合成完成的,喜欢的朋友一起来学习吧。12 阅读全文教程结束,以上就是Photoshop合成创意风格的圣诞节狂欢夜活动海报教程,怎么样,大…

详解Angularjs 如何自定义Img的ng-

详解Angularjs 如何自定义Img的ng-

事件,自定义,详解,电脑软件,Angularjs,在使用AngularJs的过程中,我们常常会用到一些ng-事件,如ng-click、ng-change等,这些事件都是AngularJs事先为我们定义好的。也有的情况下,我们会用到一些使用频率不高的dom事件,如img的onload(图片加载完成…

如何使用Bootstrap 按钮实例详解

如何使用Bootstrap 按钮实例详解

如何使用,详解,实例,按钮,电脑软件,Bootstrap 按钮本章将通过实例讲解如何使用 Bootstrap 按钮。任何带有 class .btn 的元素都会继承圆角灰色按钮的默认外观。但是 Bootstrap 提供了一些选项来定义按钮的样式,具体如下表所示:以下样式可用于…

在React中如何优雅的处理事件响应

在React中如何优雅的处理事件响应

事件响应,详解,优雅,电脑软件,React,前言本文主要给大家介绍的是关于React处理事件响应的相关内容,分享出来供大家参考学习,下面来一起看看详细的介绍吧。React中定义一个组件,可以通过React.createClass或者ES6的class。本文讨论的React组件…