articlepdf.vue 540 B

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <template>
  2. <div class="ArticlePdf">
  3. <pdf ref="pdf" :src="showpdfUrl"> </pdf>
  4. </div>
  5. </template>
  6. <script>
  7. // 引入PDF插件
  8. import pdf from 'vue-pdf'
  9. export default {
  10. name: "ArticlePdf",
  11. components:{
  12. pdf
  13. },
  14. props:{
  15. onefilelist:{
  16. type:Array,
  17. default(){
  18. return[]
  19. }
  20. }
  21. },
  22. data(){
  23. return{
  24. // pdfUrl:""
  25. }
  26. },
  27. computed:{
  28. showpdfUrl(){
  29. return this.onefilelist.downloadUrl
  30. }
  31. }
  32. };
  33. </script>
  34. <style scoped>
  35. </style>