我有一个清单/详细使用案例,用户可以双击产品列表中的一个项目,转到详细信息屏幕进行编辑,然后在完成后返回清单屏幕。我已经使用此处描述的动态组件技术完成了此操作:https : //vuejs.org/v2/guide/components.html#Dynamic-Components。但是,既然我打算在应用程序的其他地方使用vue-router,我想将其重构为改为使用路由。通过动态组件技术,我使用了保持活动状态以确保当用户切换回列表视图时,与编辑之前存在相同的选择。但是在我看来,通过路由,产品列表组件将被重新呈现,这不是我想要的。
现在,看来路由器视图可以包裹在keep-alive中,这可以解决一个问题,但会引入很多其他问题,因为我只希望该路由保持活动状态,而不是所有路由都保持活动状态(目前,我只是在使用一个单个顶级路由器视图)。Vue 2.1通过为路由器视图引入include和exclude参数,显然已经为解决此问题做了一些事情。但是我也不想要这样做,因为不得不在我的主页中预先声明所有应该或不应该使用keep-alive的路由都是很笨拙的。在配置路由的那一点(即,在routes数组中)声明是否要保持活动状态会变得更加整洁。那我最好的选择是什么?
您可以指定要保留的路线,例如:
在这种情况下,只有本国路线才能保持活动状态