我正在为 PC、标签和移动设备开发一个应用程序，它包含一个项目列表。每个项目都有一个详细信息页面。这个想法是在用户单击该特定项目时显示每个项目的详细信息页面，但根据设备的不同具有不同的行为。在 PC/平板电脑中，详情视图将显示在列表的右侧，而在移动设备中，详情页面将在新页面中打开。你可以在这张图片中看到这个想法：
这张图片是由 Martin Pritchard 制作的，他在几年前写了这篇关于如何解决我现在面临的同样问题的Medium 帖子。他在带有 Angular 的 Ionic 3 中使用了 IonSplitPane。恐怕我不能使用这种方法，或者至少我无法用 Vue 复制它。
我已经尝试将 IonSplitPane 与 IonMenu 一起使用，但行为不是预期的，因为我不需要在移动视图中折叠的“汉堡包”菜单。此外，我仅尝试使用 IonSplitPane 并且无法将可折叠侧放在最后（因为它应该是隐藏在移动设备中的详细视图，而不是左侧（主）窗格）。我什至不确定这是否是一个解决方案，因为我需要在移动设备中将详细信息页面显示在新视图中。
有没有人遇到过这个问题并且可以帮助我？
非常感谢您提前。