vue-router.esm.js:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to

在开发vue项目使用路由跳转当前页面发现控制台报错vue-router.esm.js:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/instDetail?instId=3" 错误。错误原因：使用this.$router.push跳转页面时，对应

hua_ban_yu

7098人浏览 · 2021-08-18 11:21:57

hua_ban_yu · 2021-08-18 11:21:57 发布

在开发vue项目使用路由跳转当前页面发现控制台报错

vue-router.esm.js:2065 Uncaught (in promise) NavigationDuplicated: Avoided redundant navigation to current location: "/instDetail?instId=3" 错误。

错误原因：使用 this.$router.push跳转页面时，对应的query参数和当前地址栏上的参数一样导致

解决方案：判断地址栏上的instId和路由跳转的instId不一致时点击触发页面跳转

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^