如何將數據設置爲nuxt.js下一個鏈接？

我試圖將數據傳遞到nuxt-link，但是當點擊鏈接時，nuxt-link只是返回一個404錯誤。它似乎並沒有得到好和加載文件....如何將數據設置爲nuxt.js下一個鏈接？

使用第二個2個鏈接：href和硬編碼工作

<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>

新建Nuxt和Vue.js.謝謝！

來源

2017-09-25 user805981

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查詢由上述可見。

來源

2017-09-25 01:16:49

我不相信這是這種情況...我試圖通過filePath到nuxt-link ...沒有文檔提供了一種方式將靜態資產路徑傳遞到URL。 – user805981

啊，這種情況下，你可以只使用第二和第三。因爲當我們使用nuxt-link或路由器鏈接時，它應該是你所定義的路由內的東西。 –

如何將數據設置爲nuxt.js下一個鏈接？

回答

相關問題