登录后绑定QQ、微信即可实现信息互通
每个月,我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
用vue-cli基于Element UI构建的项目。
很多模块的很多动作需要先判断是否登录,如评论、点赞、收藏等。如果没有登录,就弹出登录框。请问如何在不同模块中调用一个公共函数达成这一需求。
(目前的做法是每个页面都写一个判断函数,在点击前调用这个函数。这个函数通过一级一级的parent的refs来找到登录模块,然后将其显示)
在 Vue.js 中,我们可以将判断用户是否登录的逻辑封装成一个公用函数,然后在其他组件中调用这个函数。以下是一个简单的示例:
首先,我们在 src/App.vue 文件中创建一个公用的函数:
src/App.vue
```html 登录/注册 登录 注册 {{ isLogin }}
{{ isLogin }}
```
然后,在其他组件中,你可以调用这个函数来判断用户是否登录:
```html 用户信息 {{ isLogin }}
这样,你就可以在多个组件中共享这个判断用户是否登录的逻辑,而不需要在每个组件中重复编写相同的逻辑。