Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

想问一下singular: false的作用是什么?实现tab切换过程中遇到的问题 #2351

Closed
lvan-zhang opened this issue Dec 4, 2022 · 9 comments

Comments

@lvan-zhang
Copy link

想要实现的是有一个类似浏览器标签的tab切换功能,目前这个tab切换是写在主应用的,父子应用技术栈都是vue,使用的keep-alive来缓存状态,qiankun使用的registerMicroApps+start加载子应用,现在遇到的问题是:

主应用和子应用如果点击的是自己的路由是可以保存状态的,但是一旦从主应用切到子应用,或者从子应用1切到子应用2,都是不会保存状态的,因为qiankun会丢失掉应用,重新进行加载,这是我不期望的,但是我有看到start中有一个参数是singular: false,好像是可以同时渲染,但是我加上也没有用。

所以我想问这个singular: false具体应用场景是什么样的?以及我现在遇到的tab切换问题有什么思路可以解决?

@gongshun
Copy link
Collaborator

gongshun commented Dec 5, 2022

#361

@lvan-zhang
Copy link
Author

ok,了解了,看了下就是用qiankun手动加载子应用的方式就不会有重新加载的问题了。然后
还是想问一下第一个问题singular: false的作用以及使用场景?

@gongshun
Copy link
Collaborator

gongshun commented Dec 5, 2022

ok,了解了,看了下就是用qiankun手动加载子应用的方式就不会有重新加载的问题了。然后 还是想问一下第一个问题singular: false的作用以及使用场景?

#1310

@lvan-zhang
Copy link
Author

感谢!!

@gongshun gongshun closed this as completed Dec 6, 2022
@wawaPoplar
Copy link

ok,了解了,看了下就是用qiankun手动加载子应用的方式就不会有重新加载的问题了。然后 还是想问一下第一个问题singular: false的作用以及使用场景?

hello 我遇到了跟你一样的场景,现在是手动加载子应用,但是出现了 切换二级页面 页面白屏的问题,你有遇到类似的问题吗?

@lvan-zhang
Copy link
Author

ok,了解了,看了下就是用qiankun手动加载子应用的方式就不会有重新加载的问题了。然后 还是想问一下第一个问题singular: false的作用以及使用场景?

hello 我遇到了跟你一样的场景,现在是手动加载子应用,但是出现了 切换二级页面 页面白屏的问题,你有遇到类似的问题吗?

你可以再说具体一点,切换二级页面我不理解什么意思?不过我遇到过类似,因为手动加载子应用的时候,另一个应用不会卸载,如果你有多个项目中都是绑定在id=app的节点上,可能会冲突,这个问题我也解决了,我最近会写一篇博客出来详细介绍我做的过程,到时候回复你

@wawaPoplar
Copy link

ok,了解了,看了下就是用qiankun手动加载子应用的方式就不会有重新加载的问题了。然后 还是想问一下第一个问题singular: false的作用以及使用场景?

hello 我遇到了跟你一样的场景,现在是手动加载子应用,但是出现了 切换二级页面 页面白屏的问题,你有遇到类似的问题吗?

你可以再说具体一点,切换二级页面我不理解什么意思?不过我遇到过类似,因为手动加载子应用的时候,另一个应用不会卸载,如果你有多个项目中都是绑定在id=app的节点上,可能会冲突,这个问题我也解决了,我最近会写一篇博客出来详细介绍我做的过程,到时候回复你

我是 子应用挂载在主应用的一个组件里,每次路由切换的时候手动loadMicroApp,组件销毁的时候 unmount 子应用;但是这样就做不到缓存,但是不 unmount 的话就会白屏

@lvan-zhang
Copy link
Author

ok,了解了,看了下就是用qiankun手动加载子应用的方式就不会有重新加载的问题了。然后 还是想问一下第一个问题singular: false的作用以及使用场景?

hello 我遇到了跟你一样的场景,现在是手动加载子应用,但是出现了 切换二级页面 页面白屏的问题,你有遇到类似的问题吗?

你可以再说具体一点,切换二级页面我不理解什么意思?不过我遇到过类似,因为手动加载子应用的时候,另一个应用不会卸载,如果你有多个项目中都是绑定在id=app的节点上,可能会冲突,这个问题我也解决了,我最近会写一篇博客出来详细介绍我做的过程,到时候回复你

我是 子应用挂载在主应用的一个组件里,每次路由切换的时候手动loadMicroApp,组件销毁的时候 unmount 子应用;但是这样就做不到缓存,但是不 unmount 的话就会白屏

虽然没遇到过,但是解决的思路还是找到白屏的原因,你的子应用最终还是挂载在一个dom(类似div id="app")上的,去看白屏的时候这个dom里面是不是为空或者是被隐藏掉了之类的原因

@tong822218
Copy link

你好请问解决了吗我也遇到这个问题了

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants