我一直在开发HMI系统，该系统由各种屏幕组成，可通过底部的按钮行进行导航。
按钮的空间已用完，因此我想添加一个导航屏幕，该屏幕将定向到其他屏幕。我的想法是，导航屏幕由3×3网格的较小版本的屏幕组成。这些较小的版本将用作导航到实际屏幕的按钮。
我可以简单地拍摄每个屏幕的屏幕快照，并使用它，但是我想尝试使用实际的屏幕，只是使用css转换按比例缩小。
尽管我对vue路由器的尝试没有结果。
我想要的结构是这样的：
应用程序：
-导航屏幕：
----屏幕框架：
------屏幕A：
----屏幕框架：
------屏幕B：
----...
----屏幕框架：
------屏幕I：
屏幕框架是一个vue组件，内部有一个vue路由。 每个屏幕都是唯一的。
我不知道如何让vue路由器来解决这个问题。我可以通过使用命名路由来实例化没有屏幕框架的屏幕，但是我不知道如何设置路由器以在多个命名vue路由中使用嵌套框架。
如果这是不可能的，那么如果没有更好的方法而不使用vue-router，我愿意接受想法。
谢谢