vue点击路由列表某一菜单报错

最新推荐文章于 2022-08-06 09:13:52 发布
最新推荐文章于 2022-08-06 09:13:52 发布
阅读量234 收藏
点赞数
分类专栏： 前端框架之VUE vue-cli 文章标签： vue.js
原创珍贵，转载请声明出处。
本文链接：https://blog.youkuaiyun.com/weixin_42277214/article/details/107605182
版权

我的是安装的vue-router版本问题，其他人的版本是3.1.5没有报错，我的版本是3.0.x报错。把版本升级到3.1.5不再报错。
npm install vue-router@3.1.5 --save

vue3 - vueRouter4 路由导致警告报错 [Vue Router warn] No match found for location with path “x“（vue3+router4）
高级前端工程师
05-08 4773
vue3，router4，路由，报错，警告，vue-router4路由，vue3路由出现警告，vue-roter4实现动态加载路由，权限动态设置路由，动态路由，刷新页面报错，跳转页面警告，VueRouter4， [Vue Router warn] No match found for location with path，详解vue-router中matcher，详细解决方案，依旧无法解决一直报错，解决Vue3.0 页面刷新，vue3 addRoute 动态路由 页面刷新后 路由失效，addRoute，浏览
vue 点击路由跳转（地址重复）报错以及路由跳转滚动条未回滚到顶部问题
郝峰vip的博客
12-08 668
前言 最近在用vue-cli4 , vue3.0开发项目时，遇到了路由跳转时当点击同一个路由地址时就会报错，另一个问题就是路由跳转后记住了上一次页面的滚动条的位置，未回滚到顶部。 step 一，路由跳转时当点击同一个路由地址(也就是路由地址重复)时就会报错,或者刷新报错 main.js import Router from 'vue-router' const routerPush = Router.prototype.push Router.prototype.push = function pu
vue-router点击菜单栏同一个模块报错vue-router.esm.js?2215:2065 Uncaught (in promise) Error
怡暘
07-07 447
背景：项目通过菜单栏切换界面时候出现如下问题，虽然不影响界面的切换及系统的使用，但是会影响到系统的稳健性。 原因：上面截图显示的问题是系统进行路由切换时出现的问题，主要是vue-router版本问题，vue-router 3.0版本以上的回调形式是promise api的形式，返回的是一个promise，如果没有捕获到错误，控制台始终会出现上图的警告。 解决方法: 1.安装低版本的vue-router或者捕获抛出放入错误； 2.删除node_modules文件夹，然后使用“cnpm install”重新安
vue-router在3.0版本以上重复点击菜单报错的问题
creazyDa的博客
06-30 885
// Push版本 const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location) { return originalPush.call(this, location).catch(err => err) } //Replace版本 const originalReplace = VueRouter.prototype.replace; VueRouter.prot.
解决vue3 el-menu 刷新页面菜单选中项和路由不匹配
hzxOnlineOk的博客
10-15 2781
网上找到的方法有2种： 1、给el-menu组件增加属性 :default-active="this.$route.path" 但是博主试了下，打印出来的路由this.$route.path一直是/，放弃 2、通过this.$router.currentRoute console.log('当前路由', this.$router.currentRoute); 所以我们可以通过this.$router.currentRoute._value.fullPath访问到当前激活的url，然后将.
vue 在一个页面跳转到另外一个页面，选中的导航没有变解决方案
小巧r的博客
02-10 4075
效果：即在配置页面跳到管理页后，没有选中管理，还是跳转前的选中状态 解决思路： 1.定位：路由和默认选中菜单的监听问题 2.方案：去菜单组件中，通过监听路由变化，改变选中值 具体代码实现： <el-aside :class="navBarWidth"> <el-menu @select="handleSelect" :default-active="defaultActive" class="el-menu-vertical-d
vue + element导航保持一个子菜单展开
weixin_38673922的博客
09-14 1832
/*:default-active="active" 默认选中 :unique-opened="true" 是否只保持一个子菜单的展开 @open="menuOpen" 展开指定的 sub-menu*/ <el-menu :default-active="active" class="el-menu-vertical-demo" :unique-opened="true" @open="menuOpen" @select="menuSelect">&.
vue router路由嵌套不显示问题的解决方法
08-30
首先，路由嵌套是Vue Router的一个重要特性，它允许我们将一个路由作为另一个路由的子路由。例如，我们可能有一个主路由`/parent`，并希望在其下创建一个子路由`/parent/child`。在路由配置中，这通常表现为： ```...
vue 当前路由重复点击跳转报错
YanHie的博客
11-26 1789
当菜单路由重复点击时，会出现以下报错： 虽然没有什么影响(不知道深层有什么影响，页面运行反正没啥问题)，但是有个报错看着就毕竟闹心。 有以下解决方案： router配置中添加代码块不再报错 // 解决Vue-Router升级导致的Uncaught(in promise) navigation guard问题 const originalPush = VueRouter.prototype.push; VueRouter.prototype.push = function push(location,
vue 解决路由只变化参数页面组件不更新问题
10-16
`$route`是Vue Router注入到每个组件实例中的一个对象，包含了当前路由的所有信息，包括路径、参数和查询。通过在组件中设置`watch`，我们可以监听`$route`的变化，并在发生变化时执行相应的处理函数。 以下是一个...
Vue 爬坑之旅--嵌套路由默认选中第一个子路由，并且主路由和子路由都处于激活状态
Alex_Zhao 的博客
03-27 2万+
在实际开发中，嵌套路由经常会用到，基本用法也很简单，今天要说的不是嵌套路由怎么用，而是在用的过程中发现的二点小细节的处理。 嵌套路由中默认选中第一个子路由 在一个这样的界面中，底部的五个 tab 显然应该是五个路由，现在在首页这个路由下面又有三个 tab，那么这三个 tab 就应该使用子路由来实现，路由代码如下： { path: '/home', ...
关于vue路由篇
zifeiyu3697的博客
08-06 357
1.切换路由切换路由切换路由的地址关于产品2.存放路由。
Vue — 路由router
敏敏的博
06-13 996
路由是Vue的一个插件，专门用来实现SPA应用。什么是SPA？一个路由就是一组映射关系（key - value），了解Vue路由，看这一篇就够了！！！
Vue学习：Vue中的路由详解（完整版）
qq_49916504的博客
06-19 1万+
vue中的路由知识详解完整版
【Vue路由（router）进一步详解】
热门推荐
小田是个程序员的博客欢迎你的到来呀~
03-23 3万+
文章主要从Vue-router（路由）常用的几个属性以及参数配置出发，更深一层了解路由在实际开发中的使用，结合实例向大家说明路由常用的参数配置，以及使用路由的一些小技巧。
vue 点击菜单报错
OldStreet61的博客
10-29 960
转自：https://www.cnblogs.com/webdragon/p/11355080.html 点击菜单，控制台报错信息 ：vue-router.esm.js?8c4f:1958 Uncaught (in promise) NavigationDuplicated: Avoided redundant naviga 解决方案： 解决方法一：经过多次尝试发现原因可能是 在重新下载依赖包时，安装的vue-router还是之前出错的那个版本， 解决方法也很简单，在项目目录下运行 npm i vue-r
Vue路由管理（菜单列表）
学亮编程手记
08-04 3453
Element-UI使用： :data="tableData" //:data就相当于 v-bind:
Element/vue router连续点击多次路由报错解决方法
奔跑的面条博客
08-17 1万+
Element-ui 点击多次路由会报错:NavigationDuplicated {_name: “NavigationDuplicated”, name: “NavigationDuplicated”} 查找到了一篇比较好用的解决文章 (亲测有效), 方法如下↓ 把项目依赖的 node_modules 文件夹删除， 然后再 npm install 重新下载依赖包就可以解决。 如果在重新下...
Vue路由总结
Chen_leilei的博客
01-02 276
1.一级路由配置 （1）引入路由 import Vue from 'vue' import Router from 'vue-router' （2）注册路由 // 注册路由插件 Vue.use(Router) (3)Vue引入路由 在main.js中 new Vue({ router: router, // store, render: h => h(App) }).$mount('#box') （4）使用路由 export default new Router({
vue点击菜单，路由跳转成功，但是控制台会报错RangeError: Maximum call stack size exceeded
最新发布
06-07
这个错误通常是因为你的代码进入到了一个无限循环中，导致调用栈溢出。可能是因为你的路由配置有问题，或者是组件内部逻辑有误。 建议你先检查一下路由配置是否正确，是否有循环引用等问题。如果路由没问题，可以...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值