uni-app 路由跳转节流（闭包函数）开箱即用

àì夳堔傛蜴生んèń 2022-11-13 04:12 10阅读 0赞

/* 路由跳转节流函数 type 跳转方式 （必传：string） url 跳转路由 /page/.../... | 1 | 2 navigateBack （必传：string | number） successCallback 成功回调 (默认值：函数) failCallback 失败回调 （默认值：函数） completeCallback 结束回调 （默认值：函数） delay 延时时间 （默认值：50 默认单位毫秒） */
    function jump (){ 
    	let flg=true;
    	return function(type,url,successCallback=function(){ },failCallback=function(){ },completeCallback=function(){ },delay=50){ 
    		if(!flg)return;
    		let jumpObj={ 
    			url,
    			success(res){ 
    				successCallback(res);
    			},
    			fail(err){ 
    				failCallback(err);
    			},
    			complete(){ 
    				completeCallback()
    			}
    		}
    		switch(type){ 
    			case 'navigateTo':
    				uni.navigateTo(jumpObj);
    				break;
    			case 'redirectTo':
    				uni.redirectTo(jumpObj);
    				break;
    			case 'reLaunch':
    				uni.reLaunch(jumpObj);
    				break;
    			case 'switchTab':
    				uni.switchTab(jumpObj);
    				break;
    			case 'navigateBack':
    				uni.navigateBack({ 
    				    delta: url
    				});
    				break;
    			default:
    				break;
    		}
    		flg=false;
    		setTimeout(()=>{ 
    			flg=true;
    		},delay)
    	}
    }
    let roteJump=jump();
    
    
    使用：
     roteJump('navigateTo','/pages/index/index');

发表评论取消回复

表情：

评论列表（有 0 条评论，10人围观）

还没有评论，来说两句吧...

相关阅读

相关 Vue 路由跳转

文章目录前言路由基础子路由路由传参 query 传参 path 静态传参动态传参

我就是我/ 2023年10月13日 10:39/ 0 赞/ 97 阅读

相关 vue中的路由跳转方法，详细（vue路由跳转）

简述：Vue路由可以帮助你在单页应用中管理应用的不同页面和页面间的跳转，通过Vue路由，你可以实现页面的动态切换和无刷新加载，提升用户体验和页面性能，今天就来分享下Vue中路

痛定思痛。/ 2023年10月02日 23:42/ 0 赞/ 71 阅读

相关 Vue 路由及路由跳转

让根组件自动的挂载其它组件，而不是手动挂载。 1. 安装： > cnpm install vue-router --save 1. 在main.js中引入并使用v

朴灿烈づ我的快乐病毒、/ 2022年12月22日 14:29/ 0 赞/ 354 阅读

相关 uni-app 路由跳转节流（闭包函数）开箱即用

/ 路由跳转节流函数 type 跳转方式（必传：string） url 跳转路由 /page/.../... | 1 | 2 navigateBack （必传：str

àì夳堔傛蜴生んèń/ 2022年11月13日 04:12/ 0 赞/ 11 阅读

相关 go语言开箱即用

一、安装并配置环境 Windows 下可以使用 .msi 后缀(在下载列表中可以找到该文件，如go1.4.2.windows-amd64.msi)的安装包来安装。默认情况下

傷城~/ 2022年02月13日 11:47/ 0 赞/ 315 阅读

相关【Vue】路由跳转

[【Vue】路由跳转][Vue] 路由跳转有几种方式，我用的最多的是$router.push的方法：实践：例如下面的页面，要求点详情跳转到详情页。 ![在这里

悠悠/ 2021年12月17日 18:30/ 0 赞/ 583 阅读

相关【Vue】路由跳转

路由跳转有几种方式，我用的最多的是$router.push的方法：实践：例如下面的页面，要求点详情跳转到详情页。 ![在这里插入图片描述][watermark_

清疚/ 2021年12月15日 06:55/ 0 赞/ 553 阅读

相关 Vue路由跳转+路由传参

之前在原生JS的开发中，我们经常会用到根据某一状态进行页面的跳转。比如：登录成功跳到首页，点击商品列表的某个商品跳转商品详情等。而常见的写法就是： locat

骑猪看日落/ 2021年09月18日 19:10/ 0 赞/ 736 阅读

相关 uniapp生命周期/路由跳转

应用生命周期（仅可在App.vue中监听）（1）onLaunch ：当uni-app 初始化完成时触发（全局只触发一次） App.vue里的onLaunch中opt

矫情吗；*/ 2021年09月13日 15:52/ 0 赞/ 1002 阅读

相关 uniapp - 路由跳转及路由传值

uniapp 中路由跳转一. 使用 navigator 组件跳转（无参数）二. 调用 API 编程式跳转跳转（无参数） 1. uni.navi

灰太狼/ 2021年07月25日 12:29/ 0 赞/ 1582 阅读