微信小程序wx.navigateTo路由循环嵌套问题解决

最新推荐文章于 2024-05-27 17:22:13 发布

alexlu2010

最新推荐文章于 2024-05-27 17:22:13 发布

阅读量865

点赞数 1

原文链接：http://www.cnblogs.com/bigDipper/p/9269218.html

版权

在开发微信小程序时因为可能会出现页面路由循环，返回键不能直接返回真正的上一页的情况

场景描述：

在导航列表页有搜索功能，点击搜索跳转搜索页面，选择搜索信息后点击确定，将参数放在url中返回导航列表页。

假如：用户一直搜索，确定跳转列表，--搜索--跳转列表。。。。。当用户使用左上角返回键返回时，会出现列表--搜索页--列表--搜索页。。。。。

还有一个比较严重的问题是微信路由嵌套深度不建议超过5层

解决办法：

使用wx.navigateBack()方法先返回列表页，然后在执行wx.redirectTo（{url}）关闭当前页面 --跳转页面

转载于:https://www.cnblogs.com/bigDipper/p/9269218.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

alexlu2010

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

微信小程序—自定义嵌套导航（图文）

Poppy_LYT的博客

08-27

876

微信小程序—自定义嵌套导航效果如下：前情须知：在classify页面里引入组件第一步：在page文件夹新建classify的文件夹和page wxml <view class="container"> <view class="nav"> <view class="tab-item {{currentTab == 0 ? 'acti...

微信小程序复习总结

2302_81909561的博客

04-27

1030

微信小程序简介微信小程序是一种由腾讯开发的应用程序软件，可在微信内直接使用，无需下载和安装。小程序的设计理念是"用完即走，无需安装"，旨在为用户提供轻量级的移动应用体验。通过微信平台提供的接口和工具，开发者可以创建不同类型的小程序，覆盖多个领域，如购物、社交、娱乐等。工具栏：在工具栏中可以实现多种功能，例如账号的切换，模拟区、编辑区、调试区的显示/隐藏，小程序的编译、预览，切换后台，清理缓存等。模拟区：在模拟区中选择模拟手机的类型、显示比例、网络类型后，模拟器中会显示小程序的运行效果。

参与评论您还未登录，请先登录后发表或查看评论

微信小程序路由详解

m0_72466001的博客

08-24

474

微信小程序路由详解

微信小程序中使用路由

Daisukes的博客

11-24

1910

本章我们主要谈一谈页面之间的路由怎么使用路由方式对于路由的触发方式以及页面生命周期函数如下: 路由方式触发时机路由前页面路由后页面初始化小程序打开的第一个页面 onLoad, onSHow打开新页面调用 API wx.navigateTo 或使用组件 onHideonLoad, onShow页面重定向调用 API wx.redirectTo 或使用组件 onUnloadonLoad, on

微信小程序中路由跳转多次

qq_37942845的博客

03-25

510

问题：在微信小程序中，由于不同机型的性能差异，点击手速问题：路由跳转可能会多次触发解决：添加函数节流和函数防抖方法处理 canNavigate: true, navigateTo (url) { if (this.canNavigate) { this.canNavigate = false, wx.navigateTo({ url, ...

微信小程序开发-wx.navigateTo多次后无效的问题

沐雪大神

04-13

1837

今天开发微信小程序发现一个比较诡异的问题。文章详情页面，有一个下页面的按钮，点击后，跳转到下一个页面。使用wx.navigateTo方法。测试的时候，点击多次竟然点击了没反应。查询了半天，终于在官网找到了原因： "保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层。" 应该是页面跳转次数...

微信小程序 高频面试题合集

蜗牛的博客

11-25

855

微信小程序面试题合集 ❗ ❗ ❗ ❗ ❗

微信小程序开发，第二章总结

m0_74842032的博客

03-08

934

在Page()函数的参数中，可以定义当前页面的生命周期函数。页面的生命周期函数主要有onLoad、onShow、onReady, onHide、onUnload。#onLoad 页面加载函数。当页面加载完成后调用该函数。一个页面只会调用一次。该函数的参数可以获取wx.navigateTo 和wx.redirectTo及<navigator/>中的query。#onShow 页面显示函数。当页面显示时调用该函数。每次打开页面都会调用一次。#onReady 页面数据绑定函数。

小程序自定义组件

CaBCo的博客

04-03

865

小程序App, Page, Component 交互

微信小程序总结总结心得

Matildan的博客

08-15

7222

昨天看了一下微信小程序官方文档,总结一下自己学习的个人心得. 首先从官方文档给的框架说起,微信小程序官方文档给出了app.js, app.json, app.wxss. 先从这三个文件说起. - app.js 这个文件是整个小程序的入口文件,开发者的逻辑代码在这里面实现,同时在这个文件夹里面可以定义全局变量. - app.json 这个文件可以对小程序进行全局配置,决定页面文件的路径,窗口表现,设置网络超时时间,设置多tab等. - app.wxss 是小程序的公共样式表.(为了适应广大的前端开发者，我们

微信小程序 使用Promise解决请求代码嵌套

qq_36923648的博客

03-23

1000

嵌套的代码： wx.request({ url: 'http://se.talelin.com/v1/theme/by/names', method:'get', data:{names: 't-1'}, header:{ appkey: '0zvSJQwjpChL8Spo' }, success:res=>{ //第一次调用成功后，进行第二

mp-vue微信小程序多层路由跳转问题复盘

weixin_34112900的博客

12-14

418

本周开发回流模块，小程序首次出现了多层页面嵌套跳转bug的情况。以商品详情为例：由商品详情A,经过其他页面，跳转到商品详情B，回退页面会出现商品详情A页面空白数据丢失的情况。复制代码原因是商品详情B页面回退（nagetiveBack）时触发onunload，页面被销毁，数据被reset清除，回退到商品详情A，onshow触发，而商品详情页数据已经在商品详情B时被刷新为B的数据，且已被销毁。...

uniapp微信小程序页面返回使用navigateBack，返回后页面不刷新问题解决方案

Heartnottowake的博客

07-11

6268

2,组件之间的跳转，使用redirectTo,通过关闭当前页面，跳转到指定页面再加载，这种适合二级页面到三级页面数据不更新问题。on 进行调用，触发的钩子需要放在mounted生命周期里，组件内的onShow不会生效。3，当一级页面使用了某个组件，组件内跳转二级页面，返回也不会刷新数据。放在父组件，也就是请求数据的那个页面或者组件里，尝试了众多方法，比如vuex，本地缓存，都不行。可以使用onShow生命周期请求数据。1，如果是页面之间的跳转。

微信小程序开发——wx:for循环渲染元素如何修改点击样式

最新发布

qq_61990666的博客

05-27

1356

在组件当中显示,wxml上的数据,寻找是寻找component的的对象,且在组件wxml内.底层执行的时候如果是页面显示就是找page,但是如果组件构造的时候,显示组件,拿组件来显示的时候,先执行四个文件,找的是componet,再显示.底层显示四个文件,和先编译四个文件为组件,再显示不一样.在conmponnent对象的第一层都会作为属性.但是method不会作为属性,直接放内部的.但是对于page是所有的作为属性。

关于微信小程序循环以及嵌套循环的总结

皮蛋小粥的博客

09-20

9420

关于微信小程序，最近被安排做微信小程序，首次接触，总体来说上手不是太困难。对于小程序的循环问题颇有感触，因为自己绑定数据到界面无数次用到循环和嵌套循环。对于我们在js中从接口中通过POST或GET请求获取数据存放到Page中定义的对象中： //首页话题列表 wx.request({ url: 'https://*******************', ...

微信小程序页面路由跳转总结（wx.navigateTo、wx.redirectTo、wx.switchTab、wx.reLaunch、wx.navigateBack 的区别）

XH_jing的博客

05-17

5123

一、页面路由微信官方文档 · 页面路由在小程序中所有页面的路由全部由框架进行管理。框架以栈的形式维护了当前的所有页面。二、路由方式 wx.navigateTo 用于保留当前页面、跳转到应用内的某个页面，但是不能跳到 tabbar 页面。使用 wx.navigateBack 可以返回到原页面。对于页面不是特别多的小程序，通常推荐使用 wx.navigateTo 进行跳转，以便返回原页面，以提高加载速度。当页面特别多时，则不推荐使用。注意：小程序中页面栈最多十层。使用方式：下面进行一个简单

用vue开发微信小程序 wx.navigateTo 传递参数

07-27

在使用Vue开发微信小程序时，可以通过wx.navigateTo方法来进行页面跳转并传递参数。下面是一个示例：首先，在Vue组件中定义一个跳转方法，例如： ```javascript methods: { navigateToDetail() { wx.navigateTo({ url: '/pages/detail/detail?param1=value1&param2=value2', }); }, }, ``` 在上述代码中，我们通过wx.navigateTo方法来跳转到名为detail的页面，并通过url参数传递了两个参数param1和param2。接下来，在detail页面中，可以通过以下方式获取传递的参数： ```javascript onLoad(options) { const { param1, param2 } = options; console.log(param1, param2); }, ``` 在detail页面的onLoad生命周期钩子函数中，我们可以通过options参数获取传递的参数值，并进行相应的处理。在控制台打印出来，你可以根据实际需求进行进一步的操作。希望这个示例对你有所帮助！