想实现的功能是：
任意界面
if (this.checklogin()){
...
}
checklogin 为全局方法
checklogin(){
//未登录弹出登录弹窗
return false
}
通过 vue 。install 可以实现全局登录判断方法。但是登录弹窗组件不知道要怎么弄。
› Vue.js
This topic created in 2237 days ago, the information mentioned may be changed or developed.
8 replies • 2020-06-08 08:59:53 +08:00
 |
1
ljpCN Jun 6, 2020 via Android
根组件放个 modal，vuex 里搞个全局 state 控制 modal 的显示与否
|
 |
2
sixway Jun 6, 2020
|
 |
4
lybcyd Jun 6, 2020
在 layout 组件里放一个登录弹窗呗。全局变量不是被 vue 监听的变量，无法触发 vue 的响应式机制，所以不能控制弹窗。
|
|
5
ljpCN Jun 6, 2020 via Android
@zarte 用 js 的普通变量做不到数据变化视图自动响应。vuex 能做到是因为它监听了数据的变化，自动触发了对视图的修改。建议阅读 vue 官方文档关于数据绑定视图的部分。
当然我不确定你用 mixin 为每个组件混入一个 data 来控制弹窗的显隐会不会有效果。 |
 |
6
toesbieya Jun 6, 2020
https://github.com/ElemeFE/element/blob/dev/packages/message/src/main.js
element-ui 的 message 源码，动态创建组件动态插入 dom，最好的方式 |
 |
7
catch Jun 7, 2020 via iPhone
基础差的可怕，你是在自学吗？
|
Select Language