如何让组件跳转后，新组件是一个新的页面？——Outlet占位符生效后的新页面

先看下面的这张图

 

 区域A与区域B，一般的设计理念是，当点击区域A后，区域B应该在新的页面展示出来，但是并没有，由于此时占位符Outlet第一次使用，他的位置决定了B的位置，很明显，如图所示，A和B同时出现，我没有解决在第一次使用Outlet时就让它出现在新的一页，尽管试过onClick去跳转，然后控制display，虽然点击生效，但是当前页面刷新后，由于它是触发事件，挂载的时候并不会执行它，只有点击按钮才会触发，所以我没有解决这个问题。

 

但是，我了解到了组件B中进行的跳转会进入新的页面，我想这个是Outlet的功劳，具体为什么我还没明白，但是确实有效，组件A跳转到组件B，组件B出现在了Outlet的位置，之后组件B中的跳转，到了新的页面。

 

 这是我的目录结构，在第一个图中，点击A区域，就会出现B区域，B区域内容填写后，点击submit，进入到了Admin组件（新的页面，亲测）。Outlet生效之后，组件跳转的是一个新的页面。

搜索

复制

标签：新页面,点击,区域,Outlet,跳转,组件,页面
来源： https://www.cnblogs.com/qiao-16/p/16602403.html