vue跳转pdf页面

1.把pdf放在static文件夹下

安装vue-pdf

<template>

  <div>

    <pdf v-for="i in numPages" :key="i" :src="url" :page="i"></pdf>

  </div>

</template>

<style lang="less" scoped>

</style>

<script>

import pdf from "vue-pdf";

export default {

  components: {

    pdf,

  },

  data() {

    return {

      currentPage: 0, // pdf文件页码

      pageCount: 31, // pdf文件总页数

      url: "../../static/boom.pdf",

      numPages: 32, // pdf 总页数

    };

  },

};

</script>