Vue-Router能否处理来自普通锚点而非路由器链接的点击?

时间:2017-08-17 21:26:38

标签: vuejs2 vue-router

我有一个场景,页面上有两个主要组件;一个类似于框架的组件,包含许多应用程序的常用功能(包括书签/标签栏)和我的实际应用程序代码。

由于框架实际上并不拥有它所包含的页面,因此它似乎不适合定义任何路由,但是当前页面可能会定义自己的路径,这些路径可能与其中一条链路相匹配。在这种情况下,我希望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>,因为许多不同应用程序的链接可能在那里共存。

有什么想法吗?

0 个答案:

没有答案