• 错误原因:避免重复导航到当前路径
<template><div><input type="text" placeholder="搜索" @keyup.enter="goSky" /><router-view /></div>
</template><script>
export default {methods: {goSky() {// 第一次跳转成功,第一次后会报错//解决:在跳转之前添加判断 当前路径和目标路径(/zhu)不相同再跳转/*router和route的区别$router路由对象,包含路由的所有信息和操作$route是当前路由信息,属于$router的一部分*/console.log(this.$router)//this.$route.path当前路径信息if (this.$route.path != '/sky') {this.$router.push('/sky')}}}
}
</script><style lang="scss" scoped>
</style>
  • 让当前路径与目标路径不想同的时候再跳转

Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/zhu“相关推荐

  1. 解决Vue报错:Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location

    问题描述:重复点击导航时,控制台出现报错 ,虽然不影响功能使用,但也不能坐视不管. 解决 Vue 重复点击相同路由,出现 Uncaught (in promise) NavigationDuplica ...

  2. 解决报错:Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “

    报错内容: vue-router.esm.js?68cf:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navi ...

  3. vue2里面的Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location

    编程式导航跳转到当前路由(参数不变),多次执行就会在控制台出现如下结果: 怎么解决: (1)最有效--重写push.replace 在router-index.js中添加: // 重写push.rep ...

  4. Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/deta

    Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: " ...

  5. 解决Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location问题

    在Vue路由中遇到Error: Avoided redundant navigation to current location:xxxx:错误,意思是路由重复 在router文件夹下的index.j ...

  6. Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: “/sear

    1). 问题: 编程式路由跳转到当前路径且参数没有变化时会抛出 NavigationDuplicated 错误 2). 原因分析: vue-router3.1.0之后, 引入了push()的promi ...

  7. Uncaught (in promise) Error: Avoided redundant navigation to current location: “/index“. 解决方法

    在router.js中加入以下代码就可以 const originalPush = Router.prototype.push Router.prototype.push = function pus ...

  8. Vue的router导航重复-报错:Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to curren

    报错: Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: &q ...

  9. vue-router.esm.js?a12b:2046 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation

    报错信息 vue-router.esm.js?a12b:2046 Uncaught (in promise) NavigationDuplicated: Avoided redundant navig ...

最新文章

  1. 2021全国高校计算机能力挑战赛(初赛)Java试题二
  2. 三十六、请求分页管理方式
  3. AI 渗透应用程序开发的七种趋势及方法
  4. Fedora 从 15.0 开始将修改以太网卡命名规则
  5. c++socket多个客户端通过不同端口与一个服务端通信_手写RPC,深入底层理解整个RPC通信...
  6. 智源“高能对撞粒子分类挑战赛”开启,品鉴宇宙粒子的独特“味道”
  7. regex 正则表达式_使用正则表达式(Regex)删除HTML标签
  8. dmc matlab程序,matlab编的DMC程序.doc
  9. C++对字符串每个字母按照字典顺序排序
  10. 打印出所有的水仙花数javascript_期末C语言特辑 水仙花数
  11. PHP学习笔记二(面向对象和表单)
  12. 使用linux批量引物设计,使用NCBI-ePCR和Primer3进行引物批量化设计
  13. matlab画图命令
  14. IO流文件指针(移动和获取文件读指针)
  15. 数学在计算机方面的应用论文参考文献,数学论文参考文献
  16. 如何在 DAO 中找到个人自由并实现自我价值?
  17. uniapp项目H5端横屏问题-样式错乱+字体大小+video
  18. css 根据手机屏幕适应页面高度
  19. SpringWebMVC到底是如何工作的?
  20. PHP面试题(遇到的)

热门文章

  1. 课题:shell脚本安装httpd
  2. 百度Sugar BI 数据可视化里的标签页组件如何实现
  3. 社工2014年春晚名人小彩旗(魏彩绮)
  4. 蓝奏云软件库源码分享下载
  5. 用matlab画标准雷电波,雷电波发生器的MATLAB仿真及参数选取sc
  6. 马丁富勒微服务论文连接
  7. 西门子840Dsl系统的刀具列表数据采集
  8. Hexo-Theme-Sakura 实践记录
  9. 整合策划和跨界活动的方法
  10. java集成Google Pay内购