Vue-Router는 라우터 링크가 아닌 일반 앵커로부터의 클릭을 처리할 수 있습니까?

Vue-Router는 라우터 링크가 아닌 일반 앵커로부터의 클릭을 처리할 수 있습니까?

페이지에 2개의 주요 컴포넌트가 있는 시나리오가 있습니다.많은 어플리케이션(북마크/탭바 포함)의 공통 기능을 포함한 프레임과 같은 컴포넌트와 실제 어플리케이션 코드가 있습니다.

프레임은 실제로 포함되어 있는 페이지를 소유하고 있지 않기 때문에 루트를 정의하는 것은 올바르지 않은 것 같습니다만, 현재의 페이지는 이러한 링크의 1개에 일치하는 독자적인 루트를 정의하는 경우가 있습니다.그렇다면, 저는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>다양한 앱에 대한 링크가 공존할 수 있기 때문입니다.

무슨 생각 있어?

언급URL : https://stackoverflow.com/questions/45745185/can-vue-router-handle-clicks-from-normal-anchors-rather-than-router-link