vue点击按钮预览pdf文件

最新推荐文章于 2025-03-04 10:30:54 发布

原创最新推荐文章于 2025-03-04 10:30:54 发布 · 827 阅读

5 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

标签

#vue.js #pdf #javascript

收录于

vue 专栏收录该内容

42 篇文章

订阅专栏

本文介绍了一个使用Vue.js开发的简单组件，通过点击按钮预览PDF文件，利用IFrame展示PDF内容。

<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>

关注博主即可阅读全文