解决vue引发的报错-sub is not a function at vuex.esm.js:422:1跳转不了路由的问题

简介: 解决vue引发的报错-sub is not a function at vuex.esm.js:422:1跳转不了路由的问题

一、问题描述

当我登录使用了elementUI的vue2项目时,输入用户名密码点击确定,报如下错误。

TypeError: sub is not a function
    at vuex.esm.js:422:1
    at Array.forEach (<anonymous>)
    at Store.dispatch (vuex.esm.js:422:1)
    at Store.boundDispatch [as dispatch] (vuex.esm.js:332:1)
    at permissionsControl (permission.js:56:1)
    at permission.js:131:1
    at iterator (vue-router.esm.js:1943:1)
    at step (vue-router.esm.js:1717:1)
    at step (vue-router.esm.js:1721:1)
    at runQueue (vue-router.esm.js:1725:1)

起初我以为是后端接口被动过,发现不是。

二、解决方案

经过百度搜索,发现问题:

💡 Microsoft Edge 中使用Vue DevTools(Vue.js devtools beta ax 版本6.0.0 beta 20) 报错,引起页面vue页面无法跳转,关闭vue调试插件使用就可以了

原来是我F12打开了开发者工具,并且打开了vue面板,然后再点击了登录按钮导致。vue面板会拦截路由请求。

解决起来很简单,就是关闭开发者工具,然后刷新登录页面,再点击按钮即可。

相关文章
|
1月前
|
JavaScript 前端开发 开发者
VUE 开发——Node.js学习(一)
VUE 开发——Node.js学习(一)
64 3
|
21天前
|
JavaScript 前端开发 持续交付
构建现代Web应用:Vue.js与Node.js的完美结合
【10月更文挑战第22天】随着互联网技术的快速发展,Web应用已经成为了人们日常生活和工作的重要组成部分。前端技术和后端技术的不断创新,为Web应用的构建提供了更多可能。在本篇文章中,我们将探讨Vue.js和Node.js这两大热门技术如何完美结合,构建现代Web应用。
19 4
|
2月前
|
JavaScript
Vue3中路由跳转的语法
Vue3中路由跳转的语法
128 58
|
1月前
|
JavaScript API
vue尚品汇商城项目-day04【24.点击搜索按钮跳转后的页面商品列表、平台售卖属性动态展示(开发Search组件)】
vue尚品汇商城项目-day04【24.点击搜索按钮跳转后的页面商品列表、平台售卖属性动态展示(开发Search组件)】
53 1
vue尚品汇商城项目-day04【24.点击搜索按钮跳转后的页面商品列表、平台售卖属性动态展示(开发Search组件)】
|
20天前
|
JavaScript UED
"Vue实战技巧大揭秘:一招解决路由跳转页面不回顶部难题,让你的单页面应用用户体验飙升!"
【10月更文挑战第23天】在Vue单页面应用中,点击路由跳转时,默认情况下页面不会自动滚动到顶部,这可能影响用户体验。本文通过一个新闻网站的案例,介绍了如何使用Vue-router的全局前置守卫和`scrollBehavior`方法,实现路由跳转时页面自动滚动到顶部的功能,提升用户浏览体验。
52 0
|
2月前
|
JavaScript 前端开发 API
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
Vue学习笔记3:对比纯JavaScript和Vue实现数据更新的实时视图显示
|
1月前
|
JavaScript 前端开发 应用服务中间件
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
vue前端开发中,通过vue.config.js配置和nginx配置,实现多个入口文件的实现方法
138 0
|
1月前
|
JavaScript
深入解析:JS与Vue中事件委托(事件代理)的高效实现方法
深入解析:JS与Vue中事件委托(事件代理)的高效实现方法
39 0
|
1月前
|
JavaScript 前端开发
前端js,vue系统使用iframe嵌入第三方系统的父子系统的通信
前端js,vue系统使用iframe嵌入第三方系统的父子系统的通信
|
1月前
|
JavaScript
Vue启动时报错的解决方案,以及解决相同路径跳转报错的问题
Vue启动时报错的解决方案,以及解决相同路径跳转报错的问题
222 0

热门文章

最新文章