Vue .call()方法

最新推荐文章于 2024-07-10 15:45:24 发布

啦啦啦？？？

最新推荐文章于 2024-07-10 15:45:24 发布

阅读量2.9k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Vue学习文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/m0_56071898/article/details/125024272

Vue学习专栏收录该内容

5 篇文章

订阅专栏

本文介绍如何使用JavaScript的.call()方法来重写VueRouter的push方法，以实现更灵活的路由跳转控制。通过绑定this上下文，可以在不改变原有函数行为的情况下，增强其功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.call()方法：
将函数绑定到某个对象，call()不会创建一个函数，函数体内的this对象的值会被绑定到传入call()中的第一个参数的值，
例如：

let originPush=VueRouter.prototype.push;

//重写push方法
//第一个参数：告诉原来push方法往哪里跳转（传递哪些参数）
VueRouter.prototype.push=function(location,resolve,reject){
    if(resolve && reject){
        originPush.call(this,location,resolve,reject)
    }else{
        originPush.call(this,location,()=>{ },()=>{ })
    }
}