vuejs菜单重复点击路由报错原因是因为在this.$router.push
的时候没有添加成功或失败的回调。
方法一:在路由router文件中新增以下判断
const router = new VueRouter({ routes: [] }) // 解决重复点击报错bug const VueRouterPush = VueRouter.prototype.push; VueRouter.prototype.push = function push (to) { return VueRouterPush.call(this, to).catch(err => err); } export default router;
方法二:路由跳转时先判断路由是否重复跳转
handleClickMenu(menu) { if(this.$route.path !== menu.url){ this.$router.push({path: menu.url}); } }
方法三:利用catch方法捕获router.push异常
handleClickMenu(menu) { if(this.$route.path !== menu.url){ this.$router.push({path: menu.url}); } }
el-table利用:row-style="rowClass"设置指定行变色
一款免费开源效果酷炫的 Vue / React 大屏数据展示组件库——DataV
vue项目动态设置background背景色,解决颜色被替换问题
上面是“vuejs菜单重复点击路由报错原因分析(解决方法)”的全面内容,想了解更多关于 vuejs 内容,请继续关注web建站教程。
当前网址:https://ipkd.cn/webs_3493.html
workflows工作流
一盒用五颜六色的食材烹制的热气腾腾的寿司
一只可爱的毛茸茸的猫ComfyUI工作流
树枝上一只色彩斑斓的小鸟
森林里坐着一个外星人ComfyUI工作流
一只可爱的草莓味冰淇淋卷筒
一朵由琥珀制成的孤独美丽的玫瑰
一个迷人而丰满的女巫和一只黑猫骑着飞天扫帚
一个可爱的人形小机器人和一只蜗牛在森林
猜你喜欢
声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!