데이터를 nuxt.js next-link로 설정하는 방법은 무엇입니까?

Question

데이터를 nuxt-link로 전달하려고 시도하지만 nuxt-link는 링크를 클릭 할 때 404 오류 만 반환합니다. 사용하는 제 2 개 연결 .... 가져오고 파일을로드 할

을하지 않는 것 : HREF 및 하드 코딩 새로운 Nuxt 및 Vue.js.에

<h2 class="subtitle"><nuxt-link :to="{path: filePath}" exact>Nuxt View Menu</nuxt-link></h2> 
<h2 class="subtitle"><a :href="filePath">Vue View Menu</a></h2> 
<h2 class="subtitle"><a href="files/officialMenu.pdf">HardCode View Menu</a></h2> 

<script> 
export default { 
    layout: 'default', 
    data() { 
    return { 
     filePath: 'files/officialMenu.pdf' 
    } 
    } 
} 
</script> 

를 작동 감사!

Answer 1

Nuxt는 vue-router 문서를 읽음으로써 vue-router를 사용하여 원하는 것을 얻을 수 있습니다.

<!-- named route --> 
<nuxt-link :to="{ name: 'user', params: { userId: 123 }}">User</nuxt-link> 

<!-- with query, resulting in `/register?plan=private` --> 
<nuxt-link :to="{ path: 'register', query: { plan: 'private' }}">Register</nuxt-link> 

아래

router-link documentation

예이 상기와 같이 $ route.params로 $ 노선 객체 또는 URL 쿼리에 다음 페이지로 사용할 수 있습니다.