Ionic Vue - 主细节视图

问题描述

我正在为 PC、标签页和移动设备开发一个应用程序，其中包含一个项目列表。每个项目都有一个详细信息页面。这个想法是当用户点击该特定项目时显示每个项目的详细信息页面，但根据设备的不同行为不同。在PC/平板电脑中，详情视图将显示在列表的右侧，而在移动设备中，详情页面将在新页面中打开。你可以在这张图片中看到这个想法：

这张图片是 Martin Pritchard 制作的，他在几年前写了 this Medium post 关于如何解决我现在面临的同样问题。他在带有 Angular 的 Ionic 3 中使用了 IonSplitPane。恐怕我不能使用这种方法，或者至少我无法用 Vue 复制它。

我已经尝试将 IonSplitPane 与 IonMenu 一起使用，但行为不是预期的，因为我不需要在移动视图中折叠的“汉堡包”菜单。此外，我只尝试过 IonSplitPane 并且我无法将可折叠的一面放在最后（因为它应该是隐藏在移动设备中的详细视图，而不是左侧（主）窗格）。我什至不确定这是否是一个解决方案，因为我需要在移动设备中将详细信息页面显示在新视图中。

有没有人遇到过这个问题并且可以帮助我？

非常感谢您。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）