vue点击按钮预览pdf文件

最新推荐文章于 2024-07-15 13:49:44 发布

祝你今天也快乐

最新推荐文章于 2024-07-15 13:49:44 发布

阅读量544

点赞数 4

分类专栏： vue 文章标签： vue.js pdf javascript

本文链接：https://blog.csdn.net/killerdoubie/article/details/137111194

版权

vue 专栏收录该内容

42 篇文章 0 订阅

订阅专栏

<template>
  <div>
    <button @click="previewPDF">预览PDF</button>
    <iframe v-if="pdfUrl" :src="pdfUrl" width="100%" height="500px"></iframe>
  </div>
</template>
 
<script>
export default {
  data() {
    return {
      pdfUrl: null,
    };
  },
  methods: {
    previewPDF() {
      this.pdfUrl = 'path/to/your/pdf/file.pdf';
    },
  },
};
</script>

关注博主即可阅读全文