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">
<pdf
ref="pdf"
:src="pdfUrl">
</pdf>
</div>
</div>
</template>
<script>
import pdf from 'vue-pdf'
export default {
name: 'Pdf',
components:{
pdf
},
data(){
return {
pdfUrl:"../assets/images/HoleLocation.pdf",
}
}
}
</script>
```
```