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