2017-12-11 12 views
0

VueJSでpdfを開くことができます。 pdfファイルはローカルであり、オンラインにすることはできません。VueJSを使用してPDFを開く

(私はクエーサーのボタンを使用していますが、それはHTMLボタンと同じ機能)

私が試してみました:私は取得しています

<q-btn id="mebtn" href="../assets/resume.pdf">Click Me</q-btn> 

それとも

<input type="button" value="Open" onClick="window.open('../assets/Resume.pdf'); 

エラー:

Can not GET .. /assets/Resume.pdf

私はボタンをクリックすることができるようにしたいし、その後、私のPDFファイルが別のタブでポップアップ表示さ

その他の通常のHTMLソリューションはVueJSで

+0

あなたのhrefに 'file:///'プロトコルを含めるとどうなりますか?(https://stackoverflow.com/questions/18246053/how-can-i-create-a-link-to-a-ウェブページ上にローカルファイルを置く)? – PatrickSteele

+0

いいえ、私のVueJSアプリケーションはサーバー上で動作しています。私は何とかそれをサーバーで宣言してから取得する必要があります。単純な 'http:// localhost:8081/assets/Resume.pdf'は、この場合にはあまり効果がありません:/// – ezzzCash

答えて

-1

動作しません、「静的というフォルダがあります「静的」または「静的」なので、ファイルを「静的」に移動するだけでローカルディレクトリからアクセスできます。

+0

これはあなたの設定に完全に依存し、VueJSとは関係ありません。 – webnoob

+0

セットアップとはどういう意味ですか?私は他のフォルダに入れてみましたが動作しませんでした。 VueJSで作業しているときにファイルにアクセスするには、ノードモジュールと静的フォルダにのみアクセスできます。他のフォルダのコンテンツは動的になり、 "src"やそれを指す "href"で検索することはできません。また、あなたはあなたのソリューションを示すことを歓迎する以上のものです:) – ezzzCash

関連する問題