this.$route.push is not a function

最新推荐文章于 2023-12-11 16:02:17 发布
最新推荐文章于 2023-12-11 16:02:17 发布
阅读量1k 收藏
点赞数 2
分类专栏： 项目遇到的问题 文章标签： java vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/fuqiang133/article/details/127196268
版权

经过检查发现，是自己粗心大意把router写错成了route。修改后，执行成功

fuqiang133
关注
专栏目录
vue.js this.$router.push获取不到params参数问题
10-15
`this.$router.push`方法是用于导航到新的路由的关键函数，但有时候我们在传递`params`参数时可能会遇到一些问题。本文将详细讲解如何正确地使用`this.$router.push`传递和获取`params`参数，并分析为何会出现获取不...
vue中的$router 和 $route的区别
liudachu的博客
09-29 529
vue2.0中的$router 和 $route的区别 最近在学习vue的单页面应用开发，需要vue全家桶，其中用到了VueRouter，在路由的设置和跳转中遇到了两个对象$router 和$route ，有些傻傻分不清，后来自己结合网上的博客和自己本地的Vue devtools结构了解了他们的区别 1.router是VueRouter的一个对象，通过Vue.use(VueRouter)和VueRouter构造函数得到一个router的实例对象，这个对象中是一个全局的对象，他包含了所有的路由包含了许多关键的
TypeError: this.$route.push is not a function"
lvhanghmm的博客
07-19 5825
这个是纯属粗心犯得错误! 正确的写法应该是this.$router.push 请忽略下面的内容！ 【投稿说明】 博客园是面向开发者的知识分享社区，不允许发布任何推广、广告、政治方面的内容。 博客园首页(即网站首页)只能发布原创的、高质量的、能让读者从中学到东西的内容。 如果博文质量不符合首页要求，会被工作人员移出首页，望理解。如有疑问，请联系contact@cnblogs.com。 【投稿说明】...
Vue32中出现报错router.push is not a function解决方案
最新发布
qq_51382904的博客
12-11 1095
【代码】Vue32中出现报错router.push is not a function解决方案。
报错:“TypeError: router.addRoute is not a function“
Machine_Monster的博客
09-14 2718
打开项目中的package.js 查看vue-router版本是否为。就可以再package.js 中看到当前的版本号。注意：重新安装后一定要重启服务！版本的vue-router。指令安装但是我这里出错。
vue项目router报错：TypeError _router.default.addRoute is not a function
m0_55613022的博客
03-02 1033
控制台报错为： 在permission文件夹里面使用了：router.addRoute()的方法 原因：可能是因为安装依赖的时候用的npm 但是npm安装的包里面的route 原型里面没有addRoute的方法，所以报错 解决办法：把npm安装的依赖包删掉，用cnpm安装，打印route，原型里面就有这个方法了，如下图： 然后就成功啦 ...
解决vue.js this.$router.push无效的问题
12-09
在Vue.js应用中，`this.$router.push`是用于实现页面路由导航的重要方法。当它不起作用时，可能会导致开发者困惑。以下是一些常见的原因和解决策略，针对标题和描述中提到的问题进行深入分析。 首先，我们需要理解...
在Vue中使用this.$store或者是$route一直报错的解决
10-16
在Vue.js中，this.$store和this.$route是与Vue的响应式系统和路由管理紧密相关的两个概念。this.$store主要是在使用Vuex进行状态管理时使用的，而this.$route则是在Vue Router中用来获取路由信息的。然而，在实际...
Vue中this.$router.push参数获取方法
11-26
由于动态路由也是传递params的，所以在 this.$router.push() 方法中path不能和params一起使用，否则params将无效。需要用name来指定页面。 及通过路由配置的name属性访问 在路由配置文件中定义参数：   通过name...
Vue2路由坑：报错router.addRoute is not a function
weixin_51290060的博客
11-15 1957
报错router.addRoute is not a function
VueJS项目报错解决：router.map is not a function - 方法大全
热门推荐
草巾冒小子的博客
11-09 3万+
问题描述： vue报错 router.map is not a function 原因和解决办法（2种以上）： . 在vue的高版本中已经弃用了低版本的.map()方法。 可以通过设置向下兼容，或者新的方法，来实现路由页面的激活功能。 . 具体情况，我们通过下面的代码，对比一下不同版本的代码区别，如下： 一、基于vue2.0，写对应的方法。 Method 1 使用命令npm instal...
【记录20】 router. before each is not a function 已解决
~牧马~
03-17 3032
报错原因是小编这里引入和定义用的是同一个router之前还可以，今天突然浏览器出现报错没有定义router，找了半天原来只是将其赋值，没有使用引入的，骗过的浏览器导致的，这样是不对的，需要给引入的赋值，import router from 'vue-router'，而在写路径时直接赋给了定义的router，没有赋给引入的router，所以就报了这个错误，唉，以后命名还是要不同的名字最好。
vue this.$router.push is not undefined问题解决
朝花夕拾的博客
07-06 6144
在使用cdn方式引用的路由插件报以下错误 基本原因就是在vue组件上没有实例化路由 解决方法 尝试了一下没有报错，OK!
如何解决Vue.js模板报错的问题
游海东的技术专栏
08-11 6350
1、错误描述 log.js?1afd:24 [HMR] Waiting for update signal from WDS... vue.runtime.esm.js?2b0e:587 [Vue warn]: Unknown custom element: <mu-col> - did you register the component correctly? For recur...
TypeError: this._router.init is not a function
Dylan1022520的博客
01-17 4118
跟着尚硅谷学vue-router时报的一个错误，百度好久没有解决，最后重新看了视频好几遍才发现有个地方写错了。 原来代码： 更改后代码： 注：在Vue中创建配置项router时多加了单引号导致的错误，以后好留意这些细节的东西！！！ ...
【Vue】【Router】手动跳转用 this.$router.push() 时 $router 未定义的问题
weixin_30815469的博客
04-10 2057
初入Vue，手写路由跳转时的问题： toXxxRoute: () => { this.$router.push({'path': '/xxx', 'name': 'xxx'}) } 由于使用了箭头函数，this的指向与传统 js 里不同 所以报错 TypeError: Cannot read property '$router' of undefined ...
Vue中this.$router.push()失效解决办法
weixin_45912825的博客
06-09 2万+
问题描述 今天学习Vue的时候准备使用this.$router.push()来跳转页面,但是无论如何也跳转不了，也没有报错. 路由如下: { path:'/home', component:home, name:home }, { path: '/login', component:login, name:login } 从login界面跳转到home界面不成功 解决办法 引入rout
jeecgBoot 路由配置和自定义路由配置
m0_65730686的博客
11-11 3699
jeecgBoot 路由配置和自定义路由配置
vue this.$report
07-27
引用\[1\]中提到的代码片段是一个Vue组件的模板，其中包含了一个名为"ranking"的子组件。在这个代码片段中，子组件在父组件调用布局时外层还套了两个其它element-ui组件，导致子组件无法通过this.$parent访问到父组件。\[1\] 引用\[2\]中提到的代码片段是关于Vue路由的用法。其中包括了接受参数和带查询参数的示例代码。通过this.$route.params可以获取到路由中的参数，而通过this.$router.push可以进行路由跳转并传递参数。\[2\] 引用\[3\]中提到的问题是在项目中的子组件调用父组件的closeRankLoading()方法时遇到报错。报错信息为"TypeError: this.$parent.closeRankLoading is not a function"。这个错误通常是因为子组件尝试调用父组件的方法时出现了问题，可能是因为父组件没有正确定义或传递该方法给子组件。需要检查父组件中是否正确定义了closeRankLoading()方法，并且在子组件中通过this.$parent调用该方法之前确保父组件已经正确加载。\[3\] 关于"vue this.$report"的问题，根据提供的信息，无法确定具体的问题和上下文。请提供更多的信息或者具体的代码片段，以便我能够更好地帮助您解决问题。 #### 引用[.reference_title] - *1* *3* [vue中在子组件使用this.$parent调用父组件的方法报错](https://blog.csdn.net/weixin_43405848/article/details/116298198)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [vue中this.$router.push()路由传值和获取的两种常见方法](https://blog.csdn.net/Xinacridine/article/details/113989018)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值