1.vue中引入pdf檔案(注:已經安裝vue-pdf插件),運行不報錯,但頁面也不跳轉,且控制臺報錯:
(1)控制臺報錯如下:
ReferenceError: localhost is not defined at eval (vuePdfNoSss.vue?b608:6)at Object../node_modules/vue-loader/lib/index.js?!./node_modules/vue-pdf/src/vuePdfNoSss.vue?vue&type=script&lang=js& (11.js:110)
如下圖

(2)安裝的vue-pdf

2.代碼如下:
(1)deom用這位大佬的:https://www.cnblogs.com/lodadssd/p/10297989.html
(2)我直接粘的:
<template>
<div class="FillFluidDoc">
<div class="pdf">
ref="pdf"
:src="https://bbs.csdn.net/topics/pdfUrl">
</pdf>
</div>
</div>
</template>
<script>
import pdf from 'vue-pdf'
export default {
name: 'Pdf',
components:{
},
data(){
return {
pdfUrl:"../assets/images/HoleLocation.pdf",
}
}
}
</script>
```
```
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/17085.html
標籤:JavaScript
