vue3动态 tab（四）
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了vue3动态 tab（四）相关的知识，希望对你有一定的参考价值。
参考技术A 接上，路由加载的组件，有两种情况，一个是会重新执行，一个是不会重新执行。
这个嘛，要看路由的编写情况，还要看路由的跳转情况。
tab标签切换的时候，一般会期待可以保存状态，这又分为两种情况，一个是我自己写的列表组件要如何保持状态，一个是正常的组件的保持状态。
先说自己的，由于列表组件的路由都是一个，通过 moduleID 的参数的变化来区分不同的模块。
这样本身就是保存状态，但是由于 moduleID 会变化，又需要重置，也就是说不能保持状态。
好像有点乱。
所以我做了一个 list-shell 组件。
路由先加载 这个 shell 组件，然后在shell里面判断有多少个动态的tab，然后加载对应的list组件。
shell组件是可以保持状态的，每个模块对应一个list组件，这样既可以区分，又可以加载不同的模块。
这样自己的事情就搞定了。
然后就是正常的组件，这个听说 keep-alive 可以自动保持状态，但是试了一下，似乎不好用。还在研究。
vue实现tab吸顶，滚动时动态切换tab
参考技术A HTML部分JS部分
CSS部分
以上是关于vue3动态 tab（四）的主要内容，如果未能解决你的问题，请参考以下文章