美文网首页F2e踩坑之路
1.小程序内跳转问题:

1.小程序内跳转问题:

作者: 人类进化又没带我 | 来源:发表于2017-11-20 11:26 被阅读51次

应产品要求,小程序跳转到兼职详情页,然后返回到首页页面不刷新,但是首页选择城市后返回首页又要页面刷新。(具体术语可以看下 青团社兼职实习 小程序)

wx.navigateTo(OBJECT)

保留当前页面,跳转到应用内的某个页面,使用wx.navigateBack可以返回到原页面。

wx.redirectTo(OBJECT)

关闭当前页面,跳转到应用内的某个页面。

wx.reLaunch(OBJECT)

关闭所有页面,打开到应用内的某个页面。

wx.switchTab(OBJECT)

跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面

实现:

首先小程序的生命周期:onShow和onLoad的问题,onLoad页面打开只加载一次,onShow页面打开每次都加载。

选择城市后返回必须加载,那就用onShow

跳转到兼职详情页返回不用加载,那就用onLoad

但是不能判断上一个页面的路由,也不能根据需求使用onShow或者onLoad,

所以只能使用onLoad。

实现中遇到的问题:

原理:

跳转到选择城市页面使用wx.redirectTo()把首页关闭,跳到选择城市页面,选择城市页面再返回首页,首页会触发onload,

但是这样有一个问题是:把首页关闭了那么选择城市点击左上角的返回就会关闭当前小程序,必须要用户选择一个城市,体验不好。

解决办法:

首页跳转到兼职详情页使用wx.navigateTo()

首页跳转到选择城市也使用wx.navigateTo()

选择城市页面点击城市名使用wx.reLaunch()关闭所有页面跳转到某个页面也会触发onLoad,使首页更新。

ps:因为跳转到首页也就是tabbar一直用的wx.switchTab(),并不知道wx.reLaunch()也是可以跳转tabbar的。所以这个问题完美解决

青团社招聘:

招聘岗位:高级前端开发工程师P5及以上

简历投递到:hr@qtshe.com || haochen@qtshe.com

职位描述:

1、建设工具、提炼组件、抽象框架,促进前端工程化、服务化,持续提升研发效率,保障线上产品质量

2、构建H5/PC应用基础设施,主导建设前端各种发布/监控等平台,指导落实解决方案

3、持续优化前端页面性能,维护前端代码规范,钻研各种前沿技术和创新交互,增强用户体验、开拓前端能力边界

相关文章

  • 1.小程序内跳转问题:

    应产品要求,小程序跳转到兼职详情页,然后返回到首页页面不刷新,但是首页选择城市后返回首页又要页面刷新。(具体术语可...

  • H5跳转微信小程序

    这问题,很多情况,分几类: 一、微信内嵌H5跳转内部微信小程序页 1. 小程序页内 Tips: 微信页面 web...

  • 小程序四种页面跳转

    一、利用小程序提供的 API 跳转:1.// 保留当前页面,跳转到应用内的某个页面,使用wx.navigateBa...

  • 小程序页面跳转几种方式

    小程序页面跳转 小程序页面跳转的四种方法 参数类型必填说明urlString是需要跳转的应用内非tabBar的页面...

  • 小程序-webview跳转回小程序miniProgram

    最近开始接触小程序 ,webview跳转回小程序遇到一些小问题1.易错点wx.miniProgram.naviga...

  • 微信小程序开发学习

    1.微信小程序跳转

  • 微信小程序之间跳转

    前提 微信小程序支持小程序之间进行跳转,但是要实现跳转需要满足几个条件: 1. 要实现跳转的里两个小程序,必须要要...

  • 微信APP支付转小程序支付

    思路概述: 商户APP跳转到商户小程序,跳转时附带支付参数,小程序内下单做支付。支付完成后,回调商户APP带回支付...

  • 页面路由跳转失效

    小程序跳转 一. wx.navigateTo(Object object)保留当前页面,跳转到应用内的某个页面,但...

  • 小程序开发知识总结

    常识性问题 小程序规定最终上传的包大小 –> 1M 小程序push方式跳转最多能跳转几个页面 -> 5个 小...

网友评论

    本文标题:1.小程序内跳转问题:

    本文链接:https://www.haomeiwen.com/subject/fsxvvxtx.html