您现在的位置是:首页 > 唯美句子

❤ 错误 “Avoided redundant navigation to current location...” 的解决方案

作者:晨起时间:2024-04-27 14:17:50分类:唯美句子

简介  文章浏览阅读1.5k次。❤ 错误 “Avoided redundant navigation to current location...” 的解决方案

点击全文阅读

❤ 错误 “Avoided redundant navigation to current location…” 的解决方案

vue 项目中使用 vue-router 的 编程式导航 写法进行路由切换时:

如果用户在页面 多次点击按钮 时,浏览器的控制台报如下错误:

在这里插入图片描述

原因:

vue-router 实例上的 push 方法返回的是 promise 对象,所以传入的参数期望有一个成功和失败的回调,如果省略不写则会报错。

方案:

方案一:每次使用 push 方法时带上两个回调函数: 有用

this.$router.push(`/search/${this.keyword}}`, ()=>{}, ()=>{})  //第二、第三个参数分别为成功和失败的回调函数

方案二:重写 Vue-router 原型对象上的 push 函数:

let originPush =  VueRouter.prototype.push;  //备份原push方法 VueRouter.prototype.push = function (location, resolve, reject){    if (resolve && reject) {    //如果传了回调函数,直接使用        originPush.call(this, location, resolve, reject);    }else {                     //如果没有传回调函数,手动添加        originPush.call(this, location, ()=>{}, ()=>{});     }}

点击全文阅读

郑重声明:

本站所有活动均为互联网所得,如有侵权请联系本站删除处理

我来说两句