首页 > 其他分享 >在Vue项目中为何要重写push和replace

在Vue项目中为何要重写push和replace

时间:2023-03-21 17:03:13浏览次数:35  
标签:Vue 重写 replace resolve push 回调 originPush

0.前言


        为啥要重写push和replace,主要是你不写他会报错啊,为啥会报错呢,主要是因为函数式路由push方法返回的是一个promise对象,我们知道promise对象是有成功回调和失败回调的,但是我们并没有传入相应的回调就会出错。所以需要进行重写

1.重写$router.push


首先把原本的push函数保存下来,接下来重写router.prototype上的push方法,如果外界传入了resolve和rejected回调,那么就用外部传入的,否则就传入一个空函数作为回调,这样就可以避免没有传入回调时的报错。

至于为什么要用call,因为originPush已经被抽取为一个全局函数了,那么如果push被调用的时候如果不显式指定this那么this会指向window而不是vc实例
 

let originPush = VueRouter.prototype.push;
VueRouter.prototype.push = function(localtion,resolve,rejest)
{
    if(resolve&&rejest)
    {
        originPush.call(this,localtion,resolve,rejest);
    }
    else
        originPush.call(this,localtion,()=>{},()=>{});
}


2.重写$router.replace
     和重写push几乎一样的

 

标签:Vue,重写,replace,resolve,push,回调,originPush
From: https://www.cnblogs.com/ZhuAo/p/17240595.html

相关文章