我遇到了一個邊緣案例問題，如果用戶在幾條 Nuxt 路線上導航，點擊網站“logo”，這是一個錨標簽回到主頁，然后點擊瀏覽器的原生后退按鈕，最后點擊一個應該是的鏈接打開 pdf，它會重定向到我的 404 頁面。
如果用戶在頁面加載時單擊 pdf 鏈接，它將按預期運行。不知道這里發生了什么？我嘗試添加一種強制window.openpdf的方法，但它仍然損壞。
錨點示例：
<a
class="text--uppercase decorate-hover"
@click.prevent="forceHrefToPdf('Instructions.pdf')"
>
Instructions
</a>
方法：
forceHrefToPdf(pdf) {
window.open(pdf, "_blank")
}
PDF 在/root/static目錄中。
uj5u.com熱心網友回復：
試試這個也許
<template>
<button @click="downloadMe">download me</button>
</template>
<script>
export default {
methods: {
downloadMe() {
const link = document.createElement('a')
link.href = '/Instructions.pdf'
link.download = 'Intructions.pdf'
link.target = '_blank'
link.click()
},
},
}
</script>
另外，不要使用a標簽，它意味著從一個頁面移動到另一個頁面。而是請使用button旨在action下載 PDF 的人。您的客戶不是決定它是否是鏈接的人（實施細節在這里應該無關緊要）。
當然，這也是完全可行的，但對于 a11y不推薦。
<a href="/Instructions.pdf" target="_blank" download>
Download my PDF via a link tag
</a>
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/480382.html