【vue系列】在router.js中使用ELEMENT组件

于 2021-03-31 19:27:53 发布
阅读量739 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： vue.js 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/AIB_Kasic/article/details/115358445
本文档记录了一个基于Element-UI、Vue和Vue Router的项目中遇到的问题。作者试图在router.js文件内利用$confirm方法判断用户登录状态，但发现直接使用在router.js中无效。解决方案是通过将$confirm挂载到Vue原型上，即Vue.prototype.$confirm，以便在路由守卫或其他非组件上下文中调用。这个技巧对于处理全局提示和验证非常有用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

我目前项目基于element-ui+vue+router架构的平台，我会每天总结一点遇到的坑和解决方案，以备后续查阅解决。

就如标题所示：在router.js里用elmentUI组件

需求是判断进入详情页的时候用户的登录状态，未登录就显示弹窗引导用户登录

使用到了 this.$confirm

但是这在router.js中行不通，需要这样使用
Vue.prototype.$confirm

评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值