Advertisement
xlujiax

Code to print pdf

Feb 3rd, 2020
195
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <template>
  2.     <div v-if="user">
  3.         <!-- <pdf src="./assets/img/inspecta2.pdf"></pdf> -->
  4.         <pdf
  5.             v-for="i in numPages"
  6.             :key="i"
  7.             :src="src"
  8.             :page="i"
  9.             style="display: inline-block; width: 100%"
  10.             @link-clicked="page = $event">
  11.         </pdf>
  12.     </div>
  13.     <div v-else>
  14.       <b-alert show fade>Debe logearse al sistema</b-alert>
  15.     </div>
  16. </template>
  17. <script>
  18. import pdf from 'vue-pdf'
  19. import { mapState, mapActions } from 'vuex'
  20.  
  21. var loadingTask = pdf.createLoadingTask('./static/doc/inspecta2.pdf')
  22.  
  23. export default {
  24.   components: {
  25.     pdf
  26.   },
  27.   data () {
  28.     return {
  29.       src: loadingTask,
  30.       page: 1,
  31.       numPages: undefined
  32.     }
  33.   },
  34.   mounted () {
  35.     this.src.then(pdf => {
  36.       this.numPages = pdf.numPages
  37.     })
  38.   },
  39.   computed: {
  40.     ...mapState([
  41.       'user'
  42.     ])
  43.   },
  44.   methods: {
  45.     ...mapActions([
  46.       'setMessage'
  47.     ])
  48.   }
  49. }
  50. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement