微信小程序 页面跳转传值实现代码
2017-07-27 08:45
971 查看
微信小程序 页面跳转传值实现代码
微信小程序的页面路径只能是五层;
现在场景如下:
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(); }
以上就是微信小程序 页面跳转传值的实例,本站关于微信小程序的 文章还有很多,欢迎大家搜索参阅,感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!
您可能感兴趣的文章:
相关文章推荐
- 微信小程序实现页面跳转传值以及获取值的方法分析
- 微信小程序实现页面跳转传值的方法
- 微信小程序 页面跳转如何实现传值
- 微信小程序一些常用代码(1)——tabar、页面跳转、分享、选项卡、radio
- 微信小程序页面跳转传值以及获取值方法
- 微信小程序(5)--页面跳转传值(点击item传值)
- 微信小程序页面跳转与事件绑定,传值
- 微信小程序-页面跳转传值
- 微信小程序 --- 6行代码实现页面返回顶部
- 微信小程序文章详情页面实现代码
- 微信小程序例子——点击文字实现页面跳转
- 微信小程序跳转页面传值
- 微信小程序页面跳转传值
- 微信小程序的页面跳转及前后页面传值
- 微信小程序实现点击文字页面跳转功能【附源码下载】
- 微信小程序例子——点击文字实现页面跳转
- 微信小程序实现页面内的跳转——scroll-view
- 微信小程序中如何实现页面的跳转
- 微信小程序之页面跳转和参数传递的实现
- php 论坛采集程序 模拟登陆,抓取页面 实现代码