vue点击按钮预览pdf文件

祝你今天也快乐

于 2024-03-28 14:31:39 发布

阅读量735

点赞数 4

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

本文链接：https://blog.youkuaiyun.com/killerdoubie/article/details/137111194

版权

vue 专栏收录该内容

42 篇文章

订阅专栏

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