我有一个场景,页面上有两个主要组件;一个类似于框架的组件,包含许多应用程序的常用功能(包括书签/标签栏)和我的实际应用程序代码。
由于框架实际上并不拥有它所包含的页面,因此它似乎不适合定义任何路由,但是当前页面可能会定义自己的路径,这些路径可能与其中一条链路相匹配。在这种情况下,我希望vue-router
能够处理这些锚点击并适当导航,而不是进行整页重新加载。
以下是一个简化的模板:
框架(我的应用程序的外部依赖项):
<Frame>
<TabStrip>
<a href="//app1.foo.com/1245"></a>
<a href="//app2.foo.com/account"></a>
<a href="//app1.foo.com/2456"></a>
</TabStrip>
<slot></slot>
<Frame>
App1的:
<Frame>
<App>You're looking at: {{ pageId }}!</App>
</Frame>
因此,当从该标签条中单击任何app1
域链接时,我希望app1
中的路由定义选择该选项而不是导致页面加载。由于该组件由框架拥有,因此我无权编写<router-link>
,因为许多不同应用程序的链接可能在那里共存。
有什么想法吗?